Style borderRadius Eigenschaft

Definition und Verwendung

borderRadius Diese Eigenschaft ist eine Kurzform zur Einstellung oder Rückgabe der vier borderRadius-Eigenschaften.

Die vier borderRadius-Eigenschaften sind (in dieser Reihenfolge):

Tipp:Diese Eigenschaft ermöglicht es Ihnen, Ecken für Elemente hinzuzufügen!

Weitere Informationen:

CSS Referenzhandbuch:border-radius-Eigenschaft

Beispiel

Runden Rahmen für div-Element hinzufügen:

document.getElementById("myDIV").style.borderRadius = "25px";

Selbst ausprobieren

Syntax

borderRadius-Eigenschaft zurückgeben:

object.style.borderRadius

borderRadius-Eigenschaft setzen:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Anmerkung:Die vier Werte jeder Radius in der Reihenfolge von links oben, rechts oben, rechts unten, links unten angegeben. Wenn der untere linke Wert weggelassen wird, ist er gleich dem rechten oberen Wert. Wenn der untere rechte Wert weggelassen wird, ist er gleich dem linken oberen Wert. Wenn der rechte obere Wert weggelassen wird, ist er gleich dem linken oberen Wert.

Eigenschaftswert

Wert Beschreibung
length Die Form der Ecke definieren. Der Standardwert ist 0.
% Die Form der Ecken mit Prozentsätzen definieren.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: 0
Rückgabewert: Zeichenkette, die die border-radius-Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 9.0 Unterstützt Unterstützt Unterstützt