Styl grensRadius Eiendom
Voorbeeld
Voeg afgeronde grense by 'n div-element:
document.getElementById("myDIV").style.borderRadius = "25px";
Definisie en gebruik
Die borderRadius-eienskap is 'n snelskrif-eienskap om die vier borderRadius-eienskappe op te stel of terug te gee.
Die vier grensradius-eienskappe is (in hierdie volgorde):
borderBo
-LinksRadius -grensBo-RegsRadius-grensBo-
RegsRadius-
grensOnderLinksRadius
Wenk: Hierdie eiendom laat jou toe om geronde hoeke by elemente te voeg!
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
Gee die borderRadius eiendom terug:
object.style.borderRadius
Stel die borderRadius-eienskap:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Let wel: Die vier waardes vir elke radiusse word gegee in die volgorde bo-links, bo-regs, onder-regs, onder-links. As links onder weggelaat word, is dit dieselfde as regs bo. As regs onder weggelaat word, is dit dieselfde as links bo. As regs bo weggelaat word, is dit dieselfde as links bo.
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die grens-radius-eienskap van 'n element voorstel |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: grens-radius eiendom