CSS outline egenskap

Definition och användning

Outline (kontur) är en linje som ritas runt ett element, belägen utanför ramens kant, och kan användas för att betona elementet.

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

outline-kortattributet sätter alla konturattribut i en deklaration.

Värden kan specificeras i följande ordning:

Om någon av värdena inte är specificerad, kommer inget fel att uppstå, till exempel outline:solid #ff0000; är också tillåtet.

Se också:

CSS-tutorials:CSS kontur

HTML DOM-referenshandboken:outline-attributet

Exempel

Ställ in stilen för fyra kanter:

p
  {
  outline:#00FF00 dotted thick;
  }

Prova själv

CSS-syntax

outline: outline-width outline-style outline-color|initial|inherit;

Attributvärde

Värde Beskrivning
outline-color Specificerar ramens färg. Se:outline-color Möjliga värden.
outline-style Specificerar ramens stil. Se:outline-style Möjliga värden.
outline-width Specificerar bredden på ramen. Se:outline-width Möjliga värden.
inherit Det specificeras att outline-attributets inställning skall härledas från föräldrelementet.

Tekniska detaljer

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

TIY-exempel

Rita en linje runt elementet
Detta exempel visar hur outline-attributet används för att rita en linje runt ett element.

Webbläsarstöd

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

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-attributet.