Manuale di riferimento CSS

Regole @CSS (RULES)

Manuale completo delle proprietà CSS

Proprietà text-decoration-style del CSS3 Proprietà text-decoration-color del CSS3

Metodo di utilizzo e esempio dell'attributo text-decoration-line CSS3

L'attributo text-decoration-line CSS specifica quale ornamento viene aggiunto all'elemento. Questa proprietà può accettare un numero o più valori separati da spazi.

La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:	none
Applicabile a:	Tutti gli elementi. Anche ::first-letter e ::first-line sono applicabili.
Ereditarietà:	Nessuno
Animabile:	No.Si prega di consultare Proprietà animazione.
Versione:	Nuova funzionalità CSS3
Sintassi JavaScript:	oggetto.style.textDecorationLine="underline"

Sintassi dell'uso di text-decoration-line

La sintassi di questa proprietà è la seguente:

text-decoration-line:　none　|　[　underline　|　overline　|　line-through　|　blink　]　uno o più valori　|　initial　|　inherit

Gli esempi seguenti illustrano come utilizzare la proprietà text-decoration-line.

Esempio

p　{
　　　　-moz-text-decoration-line:　underline;　/*　Firefox　*/
　　　　text-decoration-line:　underline;　
}
p.multiple　{
　　　　-moz-text-decoration-line:　underline　overline;　/*　Firefox　*/
　　　　text-decoration-line:　underline　overline;　
}

Prova a vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
none	Il testo non ha decorazioni. Questo è il valore predefinito.
underline	Ogni riga di testo ha una sottolineatura.
overline	C'è una linea sopra ogni riga di testo.
line-through	C'è una linea nel centro di ogni riga di testo.
blink	Fa brillare il testo (passa da visibile a invisibile e viceversa). Non raccomandato, preferireAnimazioni.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato utilizza il valore della proprietà text-decoration-line dell'elemento genitore.

Compatibilità del browser

text-decoration-line La maggior parte dei browser non supporta questa proprietà.

	Firefox 6+ ^-moz-, 36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

Attenzione:text-decoration-line La maggior parte dei browser non supporta questa proprietà. Meglio evitare di utilizzarla.

Leggi di più

Si prega di consultare la seguente guida:CSS testo,CSS bordo.

Proprietà correlate:text-decoration,text-decoration-color,text-decoration-style.

Proprietà text-decoration-style del CSS3 Proprietà text-decoration-color del CSS3