style borderRadius- Eigenschaft
Beispiel
Abgerundete Rahmen zu einem div-Element hinzufügen:
document.getElementById("myDIV").style.borderRadius = "25px";
Definition und Verwendung
Die Eigenschaft borderRadius ist eine abgekürzte Eigenschaft zum Festlegen oder Zurückgeben der vier Eigenschaften borderRadius.
Die vier Kantenradiuseigenschaften sind (in dieser Reihenfolge):
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
Tipp: Mit dieser Eigenschaft können Sie Elementen abgerundete Ecken hinzufügen!
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft borderRadius zurück:
object.style.borderRadius
Legen Sie die Eigenschaft borderRadius fest:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Hinweis: Die vier Werte für jeden Radius sind in der Reihenfolge oben links, oben rechts, unten rechts, unten links angegeben. Wenn unten links weggelassen wird, ist es dasselbe wie oben rechts. Wenn unten rechts weggelassen wird, ist es dasselbe wie oben links. Wenn oben rechts weggelassen wird, ist es dasselbe wie oben links.
Eigenschaftswerte
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners 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-radius eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft border-radius