Styl grensBoRegsRadius Eiendom
Voorbeeld
Voeg 'n afgeronde rand by die regter boonste hoek van 'n div-element:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Definisie en gebruik
Die borderTopRightRadius-eienskap definieer die vorm van die rand van die regter boonste hoek.
Wenk: Hierdie eiendom laat jou toe om geronde grense by elemente te voeg!
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
Gee die borderTopRightRadius-eienskap terug:
object.style.borderTopRightRadius
Stel die borderTopRightRadius-eienskap:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Let wel: Die twee lengte- of persentasiewaardes van die grens-bo-regs-radius-eienskappe definieer die radiusse van 'n kwartellips wat die vorm van die hoek van die buitenste randrand definieer. Die eerste waarde is die horisontale radius, die tweede die vertikale radius. As die tweede waarde weggelaat word, word dit vanaf die eerste gekopieer. As enige lengte nul is, is die hoek vierkantig, nie afgerond nie. Persentasies vir die horisontale radius verwys na die breedte van die grenskas, terwyl persentasies vir die vertikale radius na die hoogte van die grenskas verwys.
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die grens-bo-regs-radius-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: grens-bo-regs-radius eiendom
❮ Stylvoorwerp