Style outlineColor egenskapen

Definition och användning

outlineColor sätter eller returnerar konturfärgen runt elementet.

Konturen är en linje runt elementet. Den visas runt elementets marginaler. Men, den är inte samma som border-egenskapen olika.

Konturen är inte en del av elementets storlek, så bredden och höjden på elementets egenskaper inkluderar inte konturens bredd.

Se också:

CSS kurs:CSS-kontur

CSS referenshandbok:outline-color-egenskapen

HTML DOM referenshandbok:outline-egenskapen

Exempel

Exempel 1

Ändra konturfärgen på <div>-elementet:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Prova själv

Exempel 2

Returnerar färgen på <div>-elementets kant:

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

Prova själv

Syntax

Returnera outlineColor-egenskapen:

object.style.outlineColor

Ställ in outlineColor-egenskapen:

object.style.outlineColor = "color|invert|initial|inherit"

Egenskapsvärde

Värde Beskrivning
color

Specificerar konturfärgen.

Se CSS-färgvärdenför en fullständig lista över möjliga färgvärden.
invert Vända om konturfärgen till motsatsen. Standard.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följer från föräldrelementets egenskap. Se inherit.

Tekniska detaljer

Standardvärde: invert
Returvärde: en sträng som anger färgen på elementets kontur.
CSS-version: CSS2

Webbläsare stödjer

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd