⌘K

Proprietà text-decoration

La proprietà text-decoration aggiunge vari effetti al testo: sottolineatura, barrato, linea sopra.

Sintassi

cssselettore {
  text-decoration: underline | line-through | overline | none;
}

Valori

Valore Descrizione
underline Crea testo sottolineato.
line-through Crea testo barrato.
overline Crea una linea sopra il testo.
none Rimuove la sottolineatura di un elemento sottolineato. Viene utilizzato più frequentemente per i link, poiché sono sottolineati per impostazione predefinita.

Valore predefinito: none. Per i link il valore predefinito è: underline.

Esempio . Valore underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Esempio . Valore line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Esempio . Valore overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Vedi anche

BackProprietà text-alignNextProprietà text-decoration-line