CSS3 border-bottom-left-radiusEigenschaft


Beispiel

Fügen Sie dem unteren linken Eck eines div-Elements abgerundete Ränder hinzu:

div { border:2px solid; border-bottom-left-radius:2em; }

Selbst ausprobieren »

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browsersionsnummer an, die die Eigenschaft unterstützt.

Zahlen unmittelbar vor -webkit-, -ms- oder -moz- sind die ersten Browser-Versionsnummern, die die präfixierte Eigenschaft unterstützen.

Eigenschaft
border-radius 9.0 5.0
4.0 -webkit-		 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5

Eigenschaftsdefinition und Verwendungshinweise

Die border-bottom-left-radius-Eigenschaft definiert die Form des Rands der unteren linken Ecke.

Tipp:Mit dieser Eigenschaft können Sie Elementen abgerundete Eckränder hinzufügen!

Standardwert: 0
Vererbt: nein
Version: CSS3
JavaScript-Syntax: object object.style.borderBottomRightRadius="5px"

Syntax

border-bottom-left-radius: length|% [length|%];

Hinweis:Hinweis: Wenn Sie zwei Werte festlegen, wird der erste für den unteren Rand und der zweite für den linken Rand verwendet. Wenn der zweite Wert weggelassen wird, wird er vom ersten Wert kopiert. Wenn einer der Werte 0 ist, wird die abgerundete Ecke nicht festgelegt, und diese Ecke wird als rechter Winkel angezeigt.

/* 圆形 */
/* border-bottom-left-radius: radius */
border-bottom-left-radius: 3px;

/* 椭圆形 */
/* border-bottom-left-radius: 水平方向 垂直方向 */
border-bottom-left-radius: 0.5em 1em;

border-bottom-left-radius: inherit;
Wert Beschreibung
length Definiert die Form der unteren rechten Ecke.
% Verwenden Sie %, um die Form der unteren rechten Ecke zu definieren.

Ähnliche Artikel

CSS3-Tutorial:CSS3-Rahmen

Weitere Erweiterungen