Proprietà outline-offset CSS

Definizione e uso

L'attributo outline-offset sposta il contorno e lo disegna al di fuori dell'edge del bordo.

Il contorno si differenzia dal bordo in due aspetti:

  • Il contorno non occupa spazio
  • Il contorno può essere non rettangolare

Vedi anche:

Lezione CSS:Interfaccia utente CSS

Manuale di riferimento HTML DOM:Attributo outlineOffset

Esempio

Definisce il contorno 15 pixel al di fuori dell'edge del bordo:

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

Prova da solo

Sintassi CSS

outline-offset: lunghezza|inherit;

Valore dell'attributo

Valore Descrizione
lunghezza Distanza dalla cornice del contorno.
inherit Specifica che l'attributo outline-offset deve essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.outlineOffset="15px"

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

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