CSS outline-width egenskab

Definition og brug

outline-width egenskaben sætter bredden af hele konturen for elementet, og denne bredde virker kun, når konturstilen ikke er none. Hvis stilen er none, vil bredden faktisk blive nulstillet til 0. Negative længder er ikke tilladt.

Outline (kontur) er en linje, der tegnes omkring elementet, uden for kantkanten, og kan fungere som en fremhævelse af elementet. Outline egenskaben sætter konturlinjen omkring elementet.

Bemærkninger:Deklarér altid outline-style egenskaben før outline-width egenskaben. Elementet skal have en kontur, før farven på konturen kan ændres.

Bemærkninger:Konturlinjen optager ikke plads og behøver ikke nødvendigvis at være rektangulær.

Se også:

CSS tutorial:CSS kontur

CSS reference manual:outline egenskab

HTML DOM reference manual:outlineWidth egenskab

Eksempel

Indstil farven på punktformede konturer:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
thin Bekræft fin kontur.
medium Standard. Bekræft medium kontur.
thick Bekræft tyk kontur.
length Lader dig specificere værdien af konturbredden.
inherit Bekræftelse skal arve indstillingen af konturbredden fra forældreelementet.

Tekniske detaljer

Standardværdi: medium
Arv: nei
Version: CSS2
JavaScript syntaks: object.style.outlineWidth="thin"

TIY Eksempel

Indstil konturbredden
Dette eksempel viser, hvordan du indstiller bredden af konturen.

Browserunderstøttelse

Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Bemærkninger:Hvis !DOCTYPE er defineret, understøtter IE8 outline-egenskaben.