Style borderRadius egenskab

Definition og brug

borderRadius Egenskaben er en kortform til at sætte eller returnere de fire borderRadius egenskaber.

De fire borderRadius egenskaber er (i denne rækkefølge):

Tip:Denne egenskab giver dig mulighed for at tilføje runde kanter til elementet!

Se også:

CSS reference manual:border-radius egenskab

Eksempel

Tilføj runde kanter til div-elementet:

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

Prøv det selv

Syntaks

Retur borderRadius egenskab:

object.style.borderRadius

Sæt borderRadius egenskab:

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

Bemærkning:De fire værdier for hver radius gives i rækkefølgen venstre øvre, øvre højre, nederste højre, nederste venstre. Hvis nederste venstre er udeladt, er det samme som øvre højre. Hvis nederste højre er udeladt, er det samme som venstre øvre. Hvis øvre højre er udeladt, er det samme som venstre øvre.

Egenskabsværdi

Værdi Beskrivelse
length Definer formen af hjørnerne. Standardværdien er 0.
% Definer formen af kanterne ved hjælp af procentdel.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra sin forældreelement. Se inherit.

Tekniske detaljer

Standardværdi: 0
Returværdi: streng, der angiver elementets border-radius egenskab.
CSS version: CSS3

Browser support

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