Propriété text-decoration-style CSS

Définition et utilisation

L'attribut text-decoration-style définit le type de décoration du texte (ligne simple, onde, pointillé, tiret, double).

Conseil :Voir également Attribut text-decorationC'est un attribut abrégé pour ces trois attributs :

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

Voir également :

Tutoriel CSS :Texte CSS

Manuel de référence HTML DOM :textDecorationStyle Attribut

Exemple

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

div.a {
  text-decoration-line: underline;
  text-decoration-style: solide;
}
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;
}

Essayer par vous-même

Syntaxe CSS

text-decoration-style: solid|double|dotted|dashed|wavy|initial|hérité;

Valeur de l'attribut

Valeur Description
solide Valeur par défaut. La ligne est affichée en ligne simple.
double La ligne est affichée sous forme de lignes doubles.
pointillé La ligne est affichée sous forme de points.
pointillé La ligne est affichée sous forme de tirets.
ondulé La ligne est affichée sous forme d'une onde.
initial Set this property to its default value. See initial.
hérité Inherited from its parent element. See hérité.

Détails techniques

Valeur par défaut : solide
Héritage : Non
Réalisation de l'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.textDecorationStyle="wavy"

Support du navigateur

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

Les nombres précédés de -moz- représentent 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 44.0