Proprietà CSS text-decoration-style

Definizione e uso

L'attributo text-decoration-style imposta il tipo di decorazione del testo (tratteggio, ondulato, tratteggiato, tratteggiato, a tratteggi, iniziale, ereditato).

Suggerimento:Vedi anche: Attributo text-decoration, è un attributo abbreviato di questi tre attributi:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Vedi anche:

Tutorial CSS:Testo CSS

Manuale di riferimento HTML DOM:textDecorationStyle Attributo

Esempio

Imposta diversi tipi di stili text-decoration:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Prova personalmente

Sintassi CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Valore dell'attributo

Valore Descrizione
solid Valore predefinito. La linea viene visualizzata come singola.
double La linea viene visualizzata come a tratteggi.
dotted La linea viene visualizzata come punteggiata.
dashed La linea viene visualizzata come tratteggiata.
wavy La linea viene visualizzata come un'onda.
initial Imposta l'attributo al suo valore predefinito. Vedi initial.
inherit Eredità da elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: solid
Ereditarietà: No
Produzione animazione: Non supportato. Vedi:Proprietà correlate con l'animazione.
Versione: CSS3
Sintassi JavaScript: object.style.textDecorationStyle="wavy"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -moz- indicano la versione iniziale con prefisso utilizzata.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0