Proprietà CSS text-underline-offset

Definizione e uso

text-underline-offset L'attributo specifica la distanza di offset del testo sottolineato.

Esempio

Impostare la distanza di offset del testo sottolineato:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Prova te stesso

Sintassi CSS

text-underline-offset: auto|length|percentage|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. Il browser imposta l'offset appropriato per la sottolineatura.
length Specificare l'offset come valore di lunghezza.
percentage Specificare l'offset come percentuale.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dell'elemento genitore. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: sì
Creazione dell'animazione: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS4
Sintassi JavaScript: object.style.textUnderlineOffset="1em"

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente questa proprietà per la prima volta.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Pagine correlate

Guida:Decorazione del testo CSS

Riferimento:Proprietà textDecoration dell'HTML DOM