CSS outline-offset egenskap

Definition och användning

outline-offset-egenskapen flyttar konturen och ritar den vid kantens kant.

Konturen skiljer sig från ramen på två sätt:

  • Konturen använder inte utrymme
  • Konturen kan vara icke-rektangulär

Se också:

CSS Lärarledd:CSS användargränssnitt

HTML DOM Referenshandbok:outlineOffset-egenskapen

Exempel

Definierar konturen 15 pixlar utanför kantens kant:

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

Prova själv

CSS-syntax

outline-offset: längd|inherit;

Egenskapsvärde

Värde Beskrivning
längd Avståndet från konturen till kantens kant.
inherit Detaljerar att outline-offset-egenskapens värde bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: 0
Arvsförmåga: nej
Version: CSS3
JavaScript-syntax: object.style.outlineOffset="15px"

Webbläsarstöd

Talen i tabellen noterar den första webbläsarens version som fullständigt stöder egenskapen.

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