CSS outline-offset egenskab

Definisjon og bruk

outline-offset-egenskapen flytter konturen og tegner den ved kantlinjen.

Konturen skiller seg fra kantlinjen på to måter:

  • Konturen tar ikke plass
  • Konturen kan være ikke-rektangulær

Se også:

CSS-læringskurs:CSS brugergrænseflade

HTML DOM referansehåndbok:outlineOffset-egenskapen

Eksempel

Definer kontur 15 pixler utenfor kantlinjen:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Prøv selv

CSS-syntaks

outline-offset: length|inherit;

Egenskapsverdi

Verdi Beskrivelse
length Avstanden mellom konturen og kantlinjen.
inherit Det er bestemt at outline-offset-egenskapen skal arves fra foreldreelementet.

Tekniske detaljer

Standardverdi: 0
Arv: nei
Versjon: CSS3
JavaScript-syntaks: object.style.outlineOffset="15px"

Nettleserstøtte

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

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5