Style-Eigenschaft borderTopRightRadius

Definition und Verwendung

borderTopRightRadius Diese Eigenschaft definiert die Form der oberen rechten Kante des Rahmens.

Tipp:Diese Eigenschaft ermöglicht es Ihnen, dem Element abgerundete Ränder hinzuzufügen!

Weitere Informationen:

CSS-Referenzhandbuch:border-top-right-radius-Eigenschaft

Beispiel

Fügen Sie einen abgerundeten Rand in der oberen rechten Ecke des div-Elements hinzu:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft borderTopRightRadius:

object.style.borderTopRightRadius

Setzen Sie die Eigenschaft borderTopRightRadius:

object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

Anmerkung:Die Längenwerte und Prozentwerte der Eigenschaft border-top-right-radius definieren den Radius eines Viertelkreises (definiert die Form der Kante des äußeren Randes des Rahmens). 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, wird die Ecke quadratisch, nicht rund. Der Prozentwert des horizontalen Radiusses bezieht sich auf die Breite des Rahmens, der Prozentwert des vertikalen Radiusses bezieht sich auf die Höhe des Rahmens.

Eigenschaftswert

Wert Beschreibung
length Definiert die Form der oberen rechten Ecke.
% Definiert die Form der oberen rechten Ecke in Prozent.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

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

Browser-Unterstützung

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