Proprietà CSS text-decoration-line

Definizione e uso

L'attributo text-decoration-line imposta il tipo di decorazione testuale da utilizzare (sottolineato, trattino superiore, tratteggiato).

Suggerimento:Si prega anche di consultare l'attributo text-decoration, che è una abbreviazione degli attributi text-decoration-line, text-decoration-style e text-decoration-color.

Nota:Puoi combinare più valori, come underline e overline, per visualizzare linee sia sopra che sotto il testo.

Vedi anche:

Tutorial CSS:Testo CSS

Manuale HTML DOM:textDecorationLine Proprietà

Esempio

Imposta diversi tipi di linee text-decoration:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Prova tu stesso

Sintassi CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Valore dell'attributo

Valore Descrizione
none Valore predefinito. Definisce che text-decoration non ha linee.
underline Definisce la visualizzazione di una linea sotto il testo.
overline Definisce la visualizzazione di una linea sopra il testo.
line-through Definisce la visualizzazione di una linea trasversale nel testo.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: none
Ereditarietà: No
Creazione animazione: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.textDecorationLine="overline"

Supporto del browser

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

I numeri con -webkit- o -moz- indicano la versione iniziale con prefisso utilizzato.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0