English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo outline-offset CSS3

L'attributo outline-offset CSS viene utilizzato per impostare lo spazio tra la contorno e il bordo o l'edge dell'elemento. Spazio tra la contorno e il bordo o l'edge dell'elemento.

La tabella sottostante fornisce una descrizione dell'uso di questa proprietà, la cronologia delle versioni e la sintassi dell'uso dell'attributo nel script JavaScript.

Valore predefinito:0
Applicabile a:Tutti gli elementi
Ereditabile:No
Animabile:Sì.Ecco come fare riferimento: Attributi animazione.
Versione: Nuova funzionalità CSS3
Sintassi JavaScript:object.style.outlineOffset="15px"

Sintassi dell'uso di outline-offset

La sintassi di questa proprietà è la seguente:

outline-offset: length | initial | inherit

Ecco un esempio di come utilizzare l'attributo outline-offset.

p {
    border: 2px solid red;
    outline: 2px solid green;
    outline-offset: 10px;
}
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
lengthSpecificare la distanza dalla linea di contorno al margine del bordo. Il valore predefinito è 0. Un valore negativo mette la contorno all'interno dell'elemento.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore dell'attributo outline-offset dell'elemento genitore.

Compatibilità del browser

Compatibilità del browser per l'attributo outline-offset, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.

  • Firefox 3.5+

  • Google Chrome4+

  • Internet Explorer ×

  • Apple Safari 3.1+

  • Opera 10.5+

Leggi di più

Ecco come fare riferimento ai seguenti tutorial:CSS contorno,CSS bordo.

Proprietà correlate:outline,outline-width,outline-style,outline-color.