CSS3 border-top-left-radiusEigenschaft


Beispiel

Fügen Sie dem div-Element einen abgerundeten Rahmen an der oberen linken Ecke hinzu:

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

Selbst ausprobieren »

Browser-Unterstützung

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

Die Zahl unmittelbar vor -webkit-, -ms- oder -moz- ist die erste Browserversion, die die mit Präfix versehene 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-top-left-radius definiert die Form der oberen linken Rahmenecke.

Tipp:Diese Eigenschaft ermöglicht es Ihnen, Elementen abgerundete Rahmen hinzuzufügen!

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

Syntax

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

Hinweis:Die beiden Längen- oder Prozentwerte der Eigenschaft border-top-left-radius definieren die Form der Ecke der äußeren Rahmenkante einer Viertelellipse. Der erste Wert ist der horizontale Radius, der zweite ist der vertikale Radius. Wenn der zweite Wert weggelassen wird, wird er vom ersten übernommen. 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 Rahmenbox, während sich Prozentwerte für den vertikalen Radius auf die Höhe der Rahmenbox beziehen.

Wert Beschreibung
length Definiert die Form der oberen linken Ecke.
% Definiert die Form der oberen linken Ecke mit %.

Ähnliche Artikel

CSS3-Tutorial:CSS3-Rahmen

Weitere Erweiterungen