Style borderRadius eigenschap

definitie en gebruik

borderRadius Deze eigenschap is een verkorte eigenschap voor het instellen of retourneren van de vier borderRadius eigenschappen.

De vier borderRadius eigenschappen zijn (in deze volgorde):

tip:Deze eigenschap staat u toe om een ronde hoekrand toe te voegen aan het element!

Zie ook:

CSS referentiemanualborder-radius eigenschap

voorbeeld

Voeg een ronde hoekrand toe aan het div-element:

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

Probeer het zelf

syntaxis

Return borderRadius eigenschap:

object.style.borderRadius

Stel borderRadius eigenschap in:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

opmerking:De vier waarden van elke radius worden in de volgorde linksboven, rechtboven, rechtsonder, linksonder gegeven. Als de linksonder wordt weggelaten, is deze hetzelfde als de rechtboven. Als de rechtsonder wordt weggelaten, is deze hetzelfde als de linksboven. Als de rechtboven wordt weggelaten, is deze hetzelfde als de linksboven.

eigenschapswaarde

waarde beschrijving
length Definieer de vorm van de hoek. De standaardwaarde is 0.
% Definieer de vorm van de hoek in percentages.
initial Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap overnemen van de ouderlijke element. Raadpleeg inherit.

technische details

standaardwaarde: 0
terugkeergewaarde: een string die de vorm van het element border-radius eigenschap.
CSS versie: CSS3

browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ondersteuning 9.0 ondersteuning ondersteuning ondersteuning