Proprietà text-underline-position CSS

Definizione e uso

text-underline-position L'attributo specifica la posizione della decorazione testuale sottolineata.

Esempio

Imposta la posizione della decorazione testuale sottolineata:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

Prova tu stesso

Sintassi CSS

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. Il browser determina la posizione della sottolineatura.
under Posiziona la sottolineatura sotto la base delle lettere.
from-font

Se il file del font contiene informazioni sulla posizione della sottolineatura, utilizzare questo valore.

Altrimenti, utilizzare auto.
sinistra

Nel modalità di scrittura verticale, la sottolineatura sarà posizionata a sinistra del testo.

Nel modalità di scrittura orizzontale, la sottolineatura sarà posizionata automaticamente.
destra

Nel modalità di scrittura verticale, la sottolineatura sarà posizionata a destra del testo.

Nel modalità di scrittura orizzontale, la sottolineatura sarà posizionata automaticamente.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Inherita da elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: sì
Creazione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.textUnderlinePosition="under"

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
33.0 79.0 74.0 12.1 20.0

Pagine correlate

Tutorial:Decorazione del testo CSS

Riferimento:Proprietà textDecoration del DOM HTML