Stijl borderTopRightRadius Property
Voorbeeld
Voeg een afgeronde rand toe aan de rechterbovenhoek van een div-element:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Definitie en gebruik
De eigenschap borderTopRightRadius definieert de vorm van de rand van de rechterbovenhoek.
Tip: Met deze eigenschap kun je afgeronde randen aan elementen toevoegen!
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap borderTopRightRadius:
object.style.borderTopRightRadius
Stel de eigenschap borderTopRightRadius in:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Opmerking: De twee lengte- of percentagewaarden van de eigenschappen van de rand-rechtsboven-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-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 |
Technische details
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap border-top-right-radius van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap border-top-right-radius
❮ Stijlobject