CSS outline egenskab

Definisjon og bruk

outline (kontur) er en linje som tegnes rundt et element, beliggende utenfor kantlinjen, og kan fungere som en fremhevelse av elementet.

Bemærkninger:Konturlinjen tar ikke opp plass og behøver ikke nødvendigvis være rektangulær.

outline-kortegenskapet setter alle kontureegenskapene i en deklarasjon.

Følgende egenskaper kan settes i henhold til rekkefølgen:

Hvis ingen av verdiene er satt, vil det ikke være et problem, for eksempel outline:solid #ff0000; er også tillatt.

Se også:

CSS Læringskurs:CSS kontur

HTML DOM Referenshåndbok:outline-eegenskapen

Eksempel

Sett stilen på fire kanter:

p
  {
  outline:#00FF00 dotted thick;
  }

Prøv selv

CSS Syntax

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

Egenskapsverdi

Verdi Beskrivelse
outline-color Spesifiserer fargen på kantlinjen. Se også:outline-color Målbare værdier.
outline-style Spesifiserer stilen på kantlinjen. Se også:outline-style Målbare værdier.
outline-width Spesifiserer bredden på kantlinjen. Se også:outline-width Målbare værdier.
inherit Det skal spesifiseres hvordan outline-eegenskapen skal arves fra foreldreelementet.

Technical Details

Default Value: invert none medium
Inheritability: no
Version: CSS2
JavaScript Syntax: object.style.outline="#0000FF dotted thin"

TIY Eksempel

Tegn en linje rundt elementet
Dette eksempelet viser hvordan outline-eegenskaben brukes til å tegne en linje rundt et element.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjon som fullt ut støtter egenskapen.

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