Style border egenskab

Definition og brug

border Egenskaber indstilles eller returneres i kortform for op til tre separate kantegenskaber.

Med denne egenskab kan du indstille/returnere følgende en eller flere (i hvilken som helst rækkefølge):

Se også:

CSS Tutorial:CSS kant

CSS Reference Manual:border egenskab

Eksempel

Eksempel 1

Tilføj kant til <div>-element:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

Prøv det selv

Eksempel 2

Ændr <div>-elements kant bredde, stil og farve:

document.getElementById("myDiv").style.border = "thin dotted red";

Prøv det selv

Eksempel 3

Returner <div>-elements kant egenskabsværdi:

alert(document.getElementById("myDiv").style.border);

Prøv det selv

Syntaks

Returner border egenskab:

object.style.border

Indstil border egenskab:

object.style.border = "width style color|initial|inherit"

Egenskabsværdi

Værdi Beskrivelse
width Indstil kantens bredde.
style Indstil kantens stil.
color Indstil kantens farve.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

Tekniske detaljer

Standardværdi: Ikke defineret.
Returværdi: Streng, der angiver elementets kantbredde, stil og/eller farve.
CSS version: CSS1

Browserv understøttelse

border er en CSS1 (1996) egenskab.

Alle browsere understøtter det fuldt ud:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporteret Supporteret Supporteret Supporteret Supporteret Supporteret