Proprietà CSS text-decoration-thickness

Corso consigliato:

Definizione e uso

L'attributo text-decoration-thickness definisce lo spessore della decorazione.

Vedi anche:Manuale di riferimento CSS:

Proprietà text-decorationTesto CSS

Corso CSS:

Esempio

Imposta linee decorative di spessore diverso per gli elementi <h1>, <h2>, <h3>, <h4>:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Usa l'attributo abbreviato */
h4 {
  text-decoration: underline solid red 50%;
}

Prova personalmente

Sintassi CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Il browser seleziona lo spessore della decorazione.
from-font Se il file del font contiene informazioni sullo spessore preferito, utilizzare questo valore. In caso contrario, si comporta come auto.
length/percentage Definisce lo spessore come valore di lunghezza o percentuale.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: No
Produzione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS4
Sintassi JavaScript: object.style.textDecorationThickness="5px"

Supporto del browser

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

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0