CSS border-bottom-right-radius Eigenschaft

Definition und Verwendung

Die border-bottom-right-radius-Eigenschaft definiert die Form der rechten unteren Kante des Randes.

Tipp:Diese Eigenschaft ermöglicht es Ihnen, dem Element abgerundete Kanten hinzuzufügen.

Siehe auch:

CSS3-Tutorial:CSS3 Ränder

Beispiel

Fügen Sie eine abgerundete Kante am rechten unteren Eck des div-Elements hinzu:

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

Versuchen Sie es selbst

CSS-Syntax

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

Anmerkung:Die Längenwerte und Prozentsätze der border-bottom-right-radius-Eigenschaft definieren den Radius (radii) eines Viertelkreises (definieren die Form der Ecken des äußeren Randes der Randbox). 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 die Ecke quadratisch, nicht rund. Der prozentuale Wert des horizontalen Radii bezieht sich auf die Breite der Randbox, und der prozentuale Wert des vertikalen Radii bezieht sich auf die Höhe der Randbox.

Eigenschaftswert

Wert Beschreibung Test
length Definiert die Form des rechten unteren Ecks. Test
% Definiert die Form des rechten unteren Ecks in Prozent. Test

Technische Details

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

Browser-Unterstützung

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

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