Style borderTopLeftRadius eigenschap

Definitie en gebruik

borderTopLeftRadius Eigenschap instellen of teruggeven van de vorm van de linkerbovenhoekrand.

Tip:Deze eigenschap laat je toe om elementen een ronde hoekrand toe te voegen!

Zie ook:

CSS referentiemanualborder-top-left-radius eigenschap

Voorbeeld

Voeg een ronde hoek aan de linkerbovenhoek van de div-element toe:

document.getElementById("myDIV").style.borderTopLeftRadius = "25px";

Probeer het zelf uit

Syntaxis

Geef borderTopLeftRadius eigenschap terug:

object.style.borderTopLeftRadius

Stel borderTopLeftRadius eigenschap in:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

Opmerking:De lengte van de border-top-left-radius eigenschap en de percentagewaarden definiëren de straal van een kwadrant van een ellips (definieert de vorm van de hoek van de buitenste rand). De eerste waarde is de horizontale straal, de tweede waarde is de verticale straal. Als de tweede waarde wordt weggelaten, wordt de eerste waarde gekopieerd. Als de lengte nul is, is de hoek rechthoekig in plaats van ronds. De percentagewaarden van de horizontale straal refereren aan de breedte van de randkoffer, en de percentagewaarden van de verticale straal refereren aan de hoogte van de randkoffer.

Eigenschapswaarde

Waarde Beschrijving
length Definieer de vorm van de linkerbovenhoek.
% Definieer de vorm van de linkerbovenhoek in percentage.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
terugkeerwaarde: tekensreeks, die de border-top-left-radius eigenschap.
CSS versie: CSS3

browser ondersteunt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support