CSS3 border-top-right-radiusEigenschaft


Beispiel

Fügen Sie der oberen rechten Ecke eines div-Elements einen abgerundeten Rahmen hinzu:

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

Selbst ausprobieren »

Browser-Unterstützung

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

Die Zahl vor -webkit-, -ms- oder -moz- ist die erste Browserversion, die die Eigenschaft mit Präfix 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-right-radius definiert die Form der oberen rechten Rahmenecke.

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

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

Syntax

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

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

Wert Beschreibung
length Definiert die Form der oberen rechten Ecke.
% Definiert die Form der oberen rechten Ecke unter Verwendung von %.

Ähnliche Artikel

CSS3-Tutorial:CSS3-Rahmen

Weitere Erweiterungen