style borderTopRightRadius- Eigenschaft
Beispiel
Fügen Sie der oberen rechten Ecke eines div-Elements einen abgerundeten Rahmen hinzu:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Definition und Verwendung
Die Eigenschaft borderTopRightRadius definiert die Form der Umrandung der oberen rechten Ecke.
Tipp: Mit dieser Eigenschaft können Sie Elementen abgerundete Ränder hinzufügen!
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft borderTopRightRadius zurück:
object.style.borderTopRightRadius
Legen Sie die Eigenschaft borderTopRightRadius fest:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Hinweis: Die beiden Längen- oder Prozentwerte der Eigenschaften border-top-right-radius definieren die Radien einer Viertelellipse, die die Form der Ecke der äußeren Randkante definiert. Der erste Wert ist der horizontale Radius, der zweite der vertikale Radius. Wenn der zweite Wert weggelassen wird, wird er vom ersten kopiert. Wenn eine der Längen Null ist, ist die Ecke quadratisch und nicht abgerundet. Die Prozentangaben für den horizontalen Radius beziehen sich auf die Breite des Rahmens, während die Prozentangaben für den vertikalen Radius sich auf die Höhe des Rahmens beziehen.
Eigenschaftswerte
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 0 |
---|---|
Rückgabewert: | Ein String, der die Eigenschaft border-top-right-radius eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft border-top-right-radius
❮ Style-Objekt