Style borderRadius Property
Voorbeeld
Voeg afgeronde randen toe aan een div-element:
document.getElementById("myDIV").style.borderRadius = "25px";
Definitie en gebruik
De eigenschap borderRadius is een verkorte eigenschap voor het instellen of retourneren van de vier borderRadius-eigenschappen.
De vier eigenschappen van de randradius zijn (in deze volgorde):
randBovenLinksRadiusrandBovenRechtsRadiusrandOnderRechtsRadiusrandOnderLinksRadius
_
_
_
Tip: Met deze eigenschap kun je afgeronde hoeken aan elementen toevoegen!
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap borderRadius:
object.style.borderRadius
Stel de eigenschap borderRadius in:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Opmerking: De vier waarden voor elke straal worden gegeven in de volgorde linksboven, rechtsboven, rechtsonder, linksonder. Als linksonder wordt weggelaten, is dit hetzelfde als rechtsboven. Als rechtsonder wordt weggelaten, is dit hetzelfde als linksboven. Als rechtsboven wordt weggelaten, is dit hetzelfde als linksboven.
Eigendomswaarden
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
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap border-radius van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap border-radius