Attribut text-decoration-line CSS

Définition et utilisation

La propriété text-decoration-line définit le type de décoration de texte à utiliser (soulignement, trait de soulignement, traversée).

Avis :Veuillez également consulter la propriété text-decoration, qui est une propriété abrégée pour text-decoration-line, text-decoration-style et text-decoration-color.

Remarque :Vous pouvez également combiner plusieurs valeurs, par exemple underline et overline, pour afficher des lignes en dessous et au-dessus du texte en même temps.

Voir également :

Tutoriel CSS :Texte CSS

Guide HTML DOM :textDecorationLine Attribut

Exemple

Définir différents types de lignes text-decoration :

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Essayez-le vous-même

Syntaxe CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Valeur de l'attribut

Valeur Description
none Valeur par défaut. Définit que text-decoration n'a pas de ligne.
underline Définit la ligne affichée sous le texte.
overline Définit la ligne affichée au-dessus du texte.
line-through Définit la ligne de texte traversante affichée.
initial Set this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : none
Héritage : Non
Création d'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.textDecorationLine="overline"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

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