CSS/Eigenschaften/border-top-left-radius

Die Eigenschaft border-top-left-radius bestimmt die Radien, mit dem die obere 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

Standardwert

0 (keine Abrundung)

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

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

Die oberen 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; })

Siehe auch

• CSS/Tutorials/Boxmodell/Rahmen

Weblinks

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