CSS3 border-bottom-right-radiusEigenschaft
Beispiel
Fügen Sie abgerundete Ecken zur unteren rechten Ecke eines div-Elements hinzu:
Selbst ausprobieren »
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
Die Zahl vor -webkit-, -ms- oder -moz- ist die erste Browserversion, die die präfixierte Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| border-radius | 9.0 | 5.0 4.0 -webkit- | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
Definition und Verwendungshinweise zur Eigenschaft
Die Eigenschaft border-right-radius definiert die Form des unteren rechten Randes.
Tipp:Diese Eigenschaft ermöglicht es Ihnen, einem Element abgerundete Ecken hinzuzufügen!
| Standardwert: | 0 |
|---|---|
| Vererbt: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object object.style.borderBottomRightRadius="5px" |
Syntax
Hinweis:Die beiden Längen- oder Prozentwerte der Eigenschaft border-right-radius definieren die Form der Ecke am äußeren Rand als Viertelellipse. Der erste Wert ist der horizontale Radius, der zweite der vertikale Radius. Wenn der zweite Wert weggelassen wird, wird er vom ersten kopiert. Wenn einer der Längenwerte null ist, ist die Ecke quadratisch, nicht abgerundet. Prozentwerte für den horizontalen Radius beziehen sich auf die Breite der Border-Box, während sich Prozentwerte für den vertikalen Radius auf die Höhe der Border-Box beziehen.
| Wert | Beschreibung |
|---|---|
| length | Definiert die Form der unteren rechten Ecke. |
| % | Definiert die Form der Ecke unten rechts mit %. |
Ähnliche Artikel
CSS3-Tutorial:CSS3-Rahmen
Weitere Erweiterungen