CSS outline-color egenskap

Definition och användning

outline (kontur) är en linje som ritas runt elementet, belägen utanför kantlinjen, och kan användas för att betona elementet. outline-egenskapen kan ställa in konturlinjen runt elementet.

Kommentar:Förklara alltid outline-style-egenskapen innan outline-color-egenskapen. Ett element måste ha kontur innan dess konturfärg kan ändras.

Kommentar:Konturlinjen tar inte upp utrymme och behöver inte nödvändigtvis vara rektangulär.

outline-color-egenskapen ställer in färgen på den synliga delen av en elements hela kontur. Kom ihåg att konturens stil inte kan vara none, annars kommer konturen inte att visas.

Se också:

CSS-tutorial:CSS kontur

CSS-referenshandbok:outline-egenskapen

HTML DOM-referenshandbok:outlineColor-egenskapen

Exempel

Ställ in färgen på punktlik kontur:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Prova själv

CSS-syntax

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Egenskapsvärde

Värde Beskrivning
color_name Specificera konturfärgen som färgnamn (t.ex. red).
hex_number Specificera konturfärgen som hex-värde (t.ex. #ff0000).
rgb_number Specificera konturfärgen som rgb-kod (t.ex. rgb(255,0,0)).
invert Standard. Utför färginversion (omvänd färg). Detta gör att konturen är synlig mot olika bakgrundsfärger.
inherit Det är specificerat att konturfärgens inställning ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: invert
Arvsförmåga: no
Version: CSS2
JavaScript-syntax: object.style.outlineColor="#0000FF"

TIY-exempel

Ställ in konturfärg
Detta exempel visar hur man ställer in färgen på konturen.

Webbläsarstöd

Numreringen i tabellen anger den första webbläsaren som fullständigt stöder denna egenskap.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Kommentar:Om !DOCTYPE är specificerat, stöder IE8 outline-egenskapen.