Style borderTopLeftRadius- Eigenschaft
Beispiel
Fügen Sie der linken oberen Ecke eines div-Elements einen abgerundeten Rahmen hinzu:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Definition und Verwendung
Die Eigenschaft borderTopLeftRadius legt die Form der Umrandung der oberen linken Ecke fest oder gibt sie zurück.
Tipp: Mit dieser Eigenschaft können Sie Elementen abgerundete Ränder hinzufügen!
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntax
Gibt die Eigenschaft borderTopLeftRadius zurück:
object.style.borderTopLeftRadius
Legen Sie die Eigenschaft borderTopLeftRadius fest:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Hinweis: Die beiden Längen- oder Prozentwerte der Eigenschaften border-top-left-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-left corner |
% | Defines the shape of the top-left 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-left-radius eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft border-top-left-radius
❮ Style-Objekt