English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Metodi di utilizzo e esempi della proprietà CSS text-decoration

Proprietà CSS text-decoration: questa proprietà CSS specifica le decorazioni da applicare al contenuto del testo dell'elemento (ad esempio, sottolineature, linee-through, ecc.).

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

Valore predefinito:Nessuno
Applicabile a:Tutti gli elementi
Ereditarietà:Nessuno
Animazione disponibile:Sì, perché alcune proprietà della stenografia possono essere animate.Si prega di consultare Attributi animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:object.style.textDecoration="line-through"

Sintassi dell'uso di text-decoration

La sintassi dell'uso di text-decoration è:

La sintassi di questo attributo è la seguente: text-decoration: none | [ underline | overline | line-through | blink ] uno o più valori | initial | inherit

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

  a {
   text-decoration: none;
  }
  h1 {
   text-decoration: overline;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questo attributo.

ValoreDescrizione
noneNon utilizzare decorazioni di testo.
underlineOgni riga di testo ha una sottolineatura.
overlineDefinire una linea sul testo.
line-throughC'è una linea nel mezzo di ogni riga di testo.
blinkFare lampeggiare il testo (passare da visibile a invisibile e viceversa).
inheritSe specificato, l'elemento correlato utilizza il valore dell'attributo text-decoration del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per l'attributo text-decoration, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questo attributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Attenzione:blink è supportato solo da Firefox e Opera per questo valore dell'attributo. Non si consiglia di utilizzare questo valore e si consiglia di utilizzareAnimazione, meglio evitare di utilizzare questo valore.

Leggi di più

Si prega di consultare la seguente guida:Testo CSS,Bordi CSS,Animazioni CSS3.

Proprietà correlate con il testo:letter-spacing,text-align,text-indent,text-overflow,text-shadow,text-transform,white-space,word-spacing.