Proprietà text-decoration
La proprietà text-decoration aggiunge
vari effetti al testo: sottolineatura,
barrato, linea sopra.
Sintassi
selettore {
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
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Esempio . Valore line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Esempio . Valore overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Vedi anche
-
la proprietà
text-decoration-style,
che permette di modificare il tipo di linea -
la proprietà
text-decoration-color,
che permette di modificare il colore della linea -
la proprietà
text-decoration-line,
che permette di modificare la posizione della linea