Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

text-decoration-style

La propriété text-decoration-style définit le style appliqué sur les lignes visées par text-decoration-line. Le style s'applique à toutes les lignes visées (il n'existe pas de méthode permettant de mettre en forme les lignes décorées différemment les unes des autres).

Si la mise en forme appliquée possède une sémantique forte (par exemple barrer le texte pour indiquer qu'il a été supprimé), on recommande aux auteurs d'utiliser les balises HTML associées si elles existent (par exemple <del> ou <s>). Les navigateurs peuvent parfois désactiver la mise en forme et ces éléments permettent de conserver la sémantique du contenu quoi qu'il arrive.

Valeur initialesolid
Applicabilitétous les éléments. S'applique aussi à ::first-letter et ::first-line.
Héritéenon
Médiavisuel
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeurs avec des mots-clés */
text-decoration-style: solid;
text-decoration-style: double;
text-decoration-style: dotted;
text-decoration-style: dashed;
text-decoration-style: wavy;

/* Valeurs globales */
text-decoration-style: inherit;
text-decoration-style: initial;
text-decoration-style: unset;

Valeurs

solid double dotted dashed wavy
Un des mots-clés suivants :
solid
Dessine une ligne.
double
Dessine une double-ligne.
dotted
Dessiner une ligne avec des points.
dashed
Dessine une ligne avec des tirets.
wavy
Dessine une ligne ondulée.

Syntaxe formelle

solid | double | dotted | dashed | wavy

Exemples

CSS

.exemple { 
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: red;
}

HTML

<p class="exemple">Et voilà le résultat.</p>

Résultat

Spécifications

Spécification Statut Commentaires
CSS Text Decoration Level 3
La définition de 'text-decoration-style' dans cette spécification.
Candidat au statut de recommandation Définition initiale. La propriété text-decoration n'était pas une propriété raccourcie auparavant.

Compatibilité des navigateurs

Fonctionnalité Firefox (Gecko) Chrome Internet Explorer Opera Safari
Support simple 6.0 (6.0) - 39.0 (39.0)-moz
36.0 (36.0)
Pas de support Pas de support Pas de support Pas de support
wavy 6.0 (6.0) Pas de support Pas de support Pas de support Pas de support
Fonctionnalité Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support Pas de support 6.0 (6.0)- 39.0 (39.0)-moz
36.0 (36.0)
Pas de support Pas de support Pas de support
wavy Pas de support Pas de support 6.0 (6.0) Pas de support Pas de support Pas de support

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, fscholz, Sebastianz, teoli, FredB
 Dernière mise à jour par : SphinxKnight,