Style borderRadius-attribut

Definition och användning

borderRadius Attributet är ett kortformat för att ställa in eller returnera fyra borderRadius-attribut.

Fyra borderRadius-attribut är (i denna ordning):

Tips:Detta attribut låter dig lägga till rundhörn till elementet!

Se också:

CSS Referenshandbok:border-radius-attribut

Exempel

Lägg till rundhörn till div-elementet:

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

Prova själv

Syntax

Returnera borderRadius-attribut:

object.style.borderRadius

Ställ in borderRadius-attribut:

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

Kommentar:Fyra värden för varje radius ges i följd: vänstertopplig, högerupplig, högerbottre, vänstrebottre. Om vänstrebottre värde utskrivs, är det lika med högerupplig. Om högerbottre värde utskrivs, är det lika med vänstertopplig. Om högerupplig värde utskrivs, är det lika med vänstertopplig.

Attributvärde

Värde Beskrivning
length Definiera formen på hörnen. Standardvärdet är 0.
% Definiera formen på rundhörn med procentsatser.
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Inheritera detta attribut från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: Sträng, som anger elementets border-radius-attribut.
CSS-version: CSS3

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 9.0 Stödjer Stödjer Stödjer