Styl grensBoLinksRadius Eiendom
Voorbeeld
Voeg 'n afgeronde rand by die boonste linkerhoek van 'n div-element:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Definisie en gebruik
Die borderTopLeftRadius-eienskap stel of gee die vorm van die rand van die boonste linkerhoek terug.
Wenk: Hierdie eiendom laat jou toe om geronde grense by elemente te voeg!
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
Gee die borderTopLeftRadius-eienskap terug:
object.style.borderTopLeftRadius
Stel die borderTopLeftRadius-eienskap:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Let wel: Die twee lengte- of persentasiewaardes van die grens-bo-links-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-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 |
Tegniese besonderhede
Standaard waarde: | 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die grens-bo-links-radius-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: grens-bo-links-radius eiendom
❮ Stylvoorwerp