CSS border-bottom-left-radius Eigenschaft

Definition und Verwendung

Die Eigenschaft border-bottom-left-radius definiert die Form des linken unteren Randes.

Tipp:Diese Eigenschaft ermöglicht es Ihnen, einen abgerundeten Rand zu einem Element hinzuzufügen.

Siehe auch:

CSS3-Tutorial:CSS3 Ränder

Beispiel

Fügen Sie einen abgerundeten Rand am linken unteren Eck des div-Elements hinzu:

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

Probieren Sie es selbst aus

CSS-Syntax

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

Anmerkung:Die Längenwerte und Prozentsätze der border-bottom-left-radius-Eigenschaft definieren den Radius der Viertelellipse (definiert die Form der Kanten des äußeren Randes des Rahmens). Der erste Wert ist der horizontale Radius, der zweite Wert der vertikale Radius. Wird der zweite Wert weggelassen, wird der erste Wert kopiert. Wenn die Länge Null ist, ist der Eckwinkel quadratisch, nicht rund. Der prozentuale Wert des horizontalen Radii bezieht sich auf die Breite des Rahmenkorbs, und der prozentuale Wert des vertikalen Radii bezieht sich auf die Höhe des Rahmenkorbs.

Eigenschaftswert

Wert Beschreibung Test
length Definieren Sie die Form des linken unteren Ecks. Test
% Die Form des linken unteren Ecks wird durch einen Prozentsatz definiert. Test

Technische Details

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Zahlen mit -webkit- oder -moz- als Präfix stellen die erste Version dar, die das Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5