Stijl borderTopLeftRadius Property
Voorbeeld
Voeg een afgeronde rand toe aan de linkerbovenhoek van een div-element:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Definitie en gebruik
Met de eigenschap borderTopLeftRadius wordt de vorm van de rand van de linkerbovenhoek ingesteld of geretourneerd.
Tip: Met deze eigenschap kun je afgeronde randen aan elementen toevoegen!
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap borderTopLeftRadius:
object.style.borderTopLeftRadius
Stel de eigenschap borderTopLeftRadius in:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Opmerking: De twee lengte- of percentagewaarden van de eigenschappen van de rand-linksboven-straal definiëren de stralen van een kwartellips die de vorm van de hoek van de buitenste randrand definieert. De eerste waarde is de horizontale straal, de tweede de verticale straal. Als de tweede waarde wordt weggelaten, wordt deze gekopieerd van de eerste. Als een van beide lengtes nul is, is de hoek vierkant, niet afgerond. Percentages voor de horizontale straal verwijzen naar de breedte van het kaderkader, terwijl percentages voor de verticale straal verwijzen naar de hoogte van het kaderkader.
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap border-top-links-radius van een element voorstelt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap border-top-left-radius
❮ Stijlobject