Manuale di riferimento CSS

Regole @ di CSS

Completo di proprietà CSS

Proprietà text-indent CSS Proprietà text-decoration-line CSS3

Metodo di utilizzo e esempio della proprietà text-decoration-style di CSS3

La proprietà text-decoration-style di CSS specifica il tipo di linea da utilizzare per la decorazione del testo.

Attenzione: Puoi anche utilizzare la proprietà text-decoration per impostare text-decoration-line. La proprietà text-decoration è una abbreviazione delle proprietà text-decoration-line, text-decoration-style e text-decoration-color.

La tabella sottostante fornisce una descrizione dell'uso di questa proprietà e la cronologia delle versioni, nonché la sintassi di utilizzo di questa proprietà nel linguaggio JavaScript.

Valore predefinito:	solid
Applicabile a:	Tutti gli elementi. Anche::first-letter e::first-line sono applicabili.
Ereditarietà:	No
Animabile:	No.Vedere: Attributi animazione.
Versione:	Nuova funzionalità del CSS3
Sintassi JavaScript:	oggetto.style.textDecorationStyle="wavy"

Sintassi dell'uso di text-decoration-style

La sintassi dell'uso di text-decoration-style è la seguente:

La sintassi di questo attributo è la seguente: text-decoration-style:　[solid | double | dotted | dashed | wavy] one or more values | initial | inherit

Gli esempi seguenti illustrano come utilizzare l'attributo text-decoration-style.

Esempio

p　{
　　　　text-decoration:　underline;
　　　　-moz-text-decoration-style:　dotted;　/*　Firefox　*/
　　　　text-decoration-style:　dotted;　
}

Prova a vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
solid	Questa linea viene visualizzata come una linea continua. Questo è il valore predefinito.
double	Questa linea viene visualizzata come una linea a doppio tratto.
dotted	Questa linea viene visualizzata come una linea tratteggiata.
dashed	Questa linea viene visualizzata come una linea tratteggiata.
wavy	Questa linea viene visualizzata come un'onda.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato utilizza il valore dell'attributo text-decoration-style dell'elemento genitore.

Compatibilità del browser

text-decoration-style: la maggior parte dei browser non supporta questa proprietà.

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

Attenzione:Avviso: la maggior parte dei browser non supporta l'attributo text-decoration-style. Meglio evitare di utilizzarlo.

Leggi di più

Si prega di consultare la seguente guida:Testo CSS,Bordo CSS.

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

Proprietà text-indent CSS Proprietà text-decoration-line CSS3