CSS outline-style egenskab

Definition og brug

outline-style egenskab bruges til at sætte stilen på elementets hele kontur. Stilen kan ikke være none, ellers vil konturen ikke blive vist.

Outline (kontur) er en linje, der tegnes omkring elementet, uden for kantkanten, og kan bruges til at fremhæve elementet. outline-egenskaben sætter konturlinjen omkring elementet.

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

Bemærk: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-egenskaben

HTML DOM reference manual:outlineStyle-egenskaben

Eksempel

Indstil konturens stil:

p
  {
  outline-style:dotted;
  }

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
ingen Standard. Definerer ingen kontur.
hidden Definerer en skjult kontur.
dotted Definerer en punktkontur.
dashed Definerer en brudt kontur.
solid Definerer en fast kontur.
double Definerer dobbeltkontur. Bredden af dobbeltkanten svarer til værdien af outline-width.
groove Definerer 3D indsatte konturer. Effekten afhænger af outline-color-værdien.
ridge Definerer 3D furede konturer. Effekten afhænger af outline-color-værdien.
inset Definerer 3D indsatte konturer. Effekten afhænger af outline-color-værdien.
outset Definerer 3D fremhævede konturer. Effekten afhænger af outline-color-værdien.
inherit Det specificeres, at konturinstillingen skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ingen
Arv: nej
Version: CSS2
JavaScript-syntaks: object.style.outlineStyle="dotted"

Prøv det selv

Indstil konturens stil
Dette eksempel viser, hvordan du indstiller stilen på konturen.

Browser-understøttelse

Tabellets tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

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

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