CSS outline-style egenskap

Definition och användning

outline-style egenskapen används för att ställa in stilen för elementets hela kontur. Stilen får inte vara none, annars kommer konturen inte att visas.

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

Kommentar:Förklar konturstyle-attributet alltid innan outline-color-attributet. Elementet måste ha en kontur innan dess konturfärg kan ändras.

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

Se också:

CSS-tutorials:CSS kontur

CSS-referencehandbok:outline-egenskap

HTML DOM-referencehandbok:outlineStyle-attribut

Exempel

Ställ in konturstyle:

p
  {
  outline-style: prickig;
  }

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
ingen Standard. Definierar ingen kontur.
hidden Definierar dold kontur.
dotted Definierar punkt kontur.
dashed Definierar streckad kontur.
solid Definierar solid kontur.
double Definierar dubbel kontur. Bredden på linjerna är lika med värdet för outline-width.
groove Definierar 3D-sänkt kontur. Effekten beror på outline-color-värdet.
ridge Definierar 3D-bullrig kontur. Effekten beror på outline-color-värdet.
inset Definierar 3D-sänkt kontur. Effekten beror på outline-color-värdet.
outset Definierar 3D-bullrig kontur. Effekten beror på outline-color-värdet.
inherit Det specificeras att inställningen för konturstyle ska inhämtas från förälementet.

Tekniska detaljer

Standardvärde: ingen
Ärvnad: nej
Version: CSS2
JavaScript-syntax: object.style.outlineStyle=" prickig "

TIY-exempel

Ställ in konturstyle
Detta exempel visar hur du ställer in stilen för konturen.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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.