CSS outline-width egenskap

Definition och användning

outline-width-egenskapen ställer in bredden på hela konturen, och denna bredd kommer endast att fungera om konturstilen inte är none. Om stilen är none, kommer bredden att återställas till 0. Negativa längder är inte tillåtna.

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 ställer in konturlinjen runt elementet.

Kommentar:Ange alltid outline-style-egenskapen före outline-width-egenskapen. Elementen måste ha en kontur innan de kan ändra konturfärgen.

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

Se också:

CSS-tutorial:CSS kontur

CSS-referenshandboken:outline-egenskapen

HTML DOM-referenshandboken:outlineWidth-egenskapen

Exempel

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

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Prova själv

CSS-syntax

outline-width: medium|thin|thick|length|initial|inherit;

Egenskapsvärde

Värde Beskrivning
thin Specificerar en tunn kontur.
medium Standard. Specificerar en中等 kontur.
thick Specificerar en tjock kontur.
length Låter dig specificera ett värde för konturbredden.
inherit Det specificeras att inställningen för konturbredden bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: medium
Arvbarhet: nej
Version: CSS2
JavaScript-syntax: object.style.outlineWidth="thin"

TIY-exempel

Ställ in konturbredden
Detta exempel visar hur du ställer in bredden på konturen.

Webbläsarstöd

Numreringen 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 specificerad, stöder IE8 outline-egenskapen.