CSS/Eigenschaften/border-bottom-left-radius

Die Eigenschaft border-bottom-left-radius bestimmt die Radien, mit dem die untere linke Ecke eines Elements abgerundet wird.

erlaubte Werte	bis zu zwei nicht negative numerische oder Prozentangaben, Prozentangaben beziehen sich auf die Breite des Elements, bei zwei Werten beschreibt der erste Wert den horizontalen Radius, der zweite den vertikalen Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: 0 (keine Abrundung)
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	ja

Beispiel

div { border-bottom-left-radius: 1em .5em; }

Die unteren linken Ecken werden ellipsenförmig abgerundet.

Beachten Sie: Der Radius wird auch auf Hintergründe und Schatteneffekte angewendet, selbst wenn das Element über keinen Rahmen verfügt.

Empfehlung: Um den Elementen thead, tbody, tfoot oder tr einen sichtbaren Rahmen zuzuweisen, müssen die Rahmen innerhalb der Tabelle zusammenfallen (d. h. table { border-collapse: collapse; })

Weblinks

• Spezifikation (W3C): border-radius
• MDN: border-bottom-left-radius

Siehe auch

• CSS/Tutorials/Hintergrund/äußere Gestaltung