English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS3 Rahmen-unten-rechts-Verwendung und Beispiel für radius-Attribut

Rahmen-unten-rechts-radius wird in CSS verwendet, um die runde Form des rechten unteren Ecks eines Elements zu setzen. Diese Form kann kugelförmig oder elliptisch sein, und wenn der Wert 0 ist, wird es ein gewöhnlicher rechter Winkel, und der Hintergrund, ob es ein Bild oder eine Farbe ist, wird von diesem Attribut beeinflusst.

Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Syntax für seine Verwendung in JavaScript-Skripten.

Standardwert:0
Geeignet für:alle Elemente
Vererbung:keine
Animierbar:ist.Bitte beziehen Sie sich auf Animationsattribute
Version: CSS3neue Funktion
JavaScript-Syntax:object object.style.borderBottomRightRadius="8px"

Beachten Sie:Rahmen-unten-rechts-radius macht den Hintergrund des Elements rund, selbst wenn der Rahmen nicht definiert ist oder auf none gesetzt wird.

Rahmen-unten-rechts-Syntax der radius Nutzung

Die Syntax dieses Properties ist wie folgt:

Rahmen-unten-rechts-radius: [ length | percentage ]1 oder 2 values | initial | inherit

Dieser Kurzwahl kann ein oder zwei durch Leerzeichen getrennte Werte haben.

  • Der optionale zweite Längenwert definiert den vertikalen Radius der rechten Ecke, daher hat die Ecke die Form eines Viertel ellipsen.

  • Wenn der zweite Längenwert weggelassen wird oder gleich dem zweiten Längenwert ist, ist die Ecke quadratisch und nicht abgerundet. Wenn einer der Längenwerte Null ist, ist die Ecke ein rechter Winkel und nicht abgerundet.

Die folgenden Beispiele zeigen, wie man Rahmen-unten-rechts-radius Eigenschaft.

  div {
   Rahmen: 2px fest #f08080;
   Rahmen-unten-rechts-radius: 20px;
  }
Testen Sie heraus‹/›

Property-Werte

Die folgende Tabelle beschreibt die Werte dieses Properties.

WertBeschreibung
lengthDie Einheiten für Längenwerte können px, pt, cm, em usw. sein, aber negative Werte sind nicht erlaubt.
percentageDie Größe des Radius in Prozent. Bei zwei Werten wird der erste Wert im Verhältnis zur Breite des Elements berechnet (also horizontaler Radius) und der zweite Wert im Verhältnis zur Höhe des Elements (also vertikaler Radius). Negative Werte sind nicht erlaubt.
initialSetzen Sie diesen Property auf seinen Standardwert.
inheritWenn angegeben, wird der Rahmen der übergeordneten Elemente verwendet-unten-rechts-Berechnungswert der radius Eigenschaft.

Browserkompatibilität

Rahmen-unten-rechts-Kompatibilität der radius Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die den Property unterstützt, alle gängigen Browser unterstützen dieses Property.

  • Firefox 4+

  • Google Chrome4+

  • Internet Explorer 9+

  • Apple Safari 5+

  • Opera 10.5+

Warnung: Internet Explorer 8und frühere Versionen wird dieser Rahmen nicht unterstützt-unten-rechts-radius Eigenschaft. In IE9und höher unterstützt.

Weitere Informationen

Siehe Anleitung:CSS RahmenCSS3 Border

Zusammenhängende Eigenschaften:Rahmen-radiusRahmen-unten-links-radiusRahmen-oben-links-radiusRahmen-oben-rechts-radius