Style outline egenskab

Definition og brug

outline Egenskaber kan indstilles eller returneres i en kort form for alle konturegenskaber.

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

Kontur er en linje omkring elementet. Den vises omkring elementets margin. Men, det adskiller sig fra border egenskab forskellige.

Kontur er ikke en del af elementets størrelse, så bredden og højden af elementets egenskaber inkluderer ikke konturbredden.

Se også:

CSS tutorial:CSS kontur

CSS reference manual:outline egenskab

eksempel

Eksempel 1

Tilføj kontur omkring <div>-elementet:

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

Prøv det selv

Eksempel 2

Ændr <div>-elementets konturbredde, stil og farve:

document.getElementById("myDiv").style.outline = "5px dotted green";

Prøv det selv

Eksempel 3

Retur outline egenskab for <div>-elementet:

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

Prøv det selv

syntaks

Retur outline egenskab:

object.style.outline

Indstil outline egenskab:

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

egenskabsværdi

værdi beskrivelse
width Indstil konturbredde.
style Indstil konturstil.
color Indstil konturfarve.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra sin forældrelement. Se inherit.

tekniske detaljer

Standardværdi: medium none invert
Returværdi: en streng, der angiver elementets konturbredde, stil og/eller farve.
CSS version: CSS2

browserstøtte

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
støtte støtte støtte støtte støtte