Proprietà CSS text-decoration

Definizione e uso

L'attributo text-decoration definisce la decorazione da aggiungere al testo.

Nota:Il colore della decorazione è impostato dall'attributo "color".

Spiegazione

Questa proprietà permette di applicare un effetto al testo, come l'underline. Se i figli non hanno la loro decorazione, la decorazione impostata sulloantenato si estenderà ai figli. Non è necessario che l'agente utente supporti blink.

Vedi anche:

Corso CSS:Testo CSS

Manuale di riferimento HTML DOM:Proprietà textDecoration

Esempio

Imposta la decorazione del testo degli elementi h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Prova te stesso

Sintassi CSS

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Valore dell'attributo

Valore Descrizione
text-decoration-line Imposta il tipo di decorazione del testo da utilizzare (ad esempio, sottolineato, trattato, lineato).
text-decoration-color Imposta il colore della decorazione del testo.
text-decoration-style Imposta lo stile della decorazione del testo (ad esempio, pieno, ondulato, punteggiato, tratteggiato, a doppia linea).
text-decoration-thickness Imposta lo spessore della decorazione.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Questo attributo deriva dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: nessuna
Inheritance: no
Versione: CSS1
Sintassi JavaScript: oggetto

Più esempi

Decorazione del testo
Questo esempio dimostra come aggiungere decorazioni al testo.

Supporto del browser

I numeri nella tabella indicano la versione iniziale del browser che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5