mozilla

text-decoration-style

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Résumé

La propriété CSS text-decoration-style définit le style des lignes spécifiées par text-decoration-line. le style s'applique à toutes les lignes, il n'existe pas de moyen de décorer différemment chaque ligne où text-decoration-line s'applique.

Si la décoration spécifiée a une signification sématique spécifique, comme une barre en travers signifiant que le texte a été supprimé, les auteur sont encouragés à marquer cet usage par un élément HTML, tel que <del> ou <s>. Puisque les navigateurs peuvent désactiver la décoration dans certains cas, la signification sémantique ne sera pas perdue dans un tel cas.

Syntaxe

text-decoration-style: 	inherit     ou
text-decoration-style:  style

où :

inherit
est un mot-clé indicant la réutilisation de la valeur calculée pour l'élément parent.
style
est l'un des mots-clés suivants :
Mot-clé Description Exemple en direct Comment
solid Dessine une ligne simple Lorem ipsum  
double Dessine une double ligne Lorem ipsum  
dotted Dessine une ligne en pointillés Lorem ipsum  
dashed Dessine une ligne en tirets Lorem ipsum  
wavy Dessine une vague Lorem ipsum  
-moz-none Ne dessine pas de ligne Lorem ipsum Ne pas utiliser : utiliser text-decoration-line: none à la place.

Exemples

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

Voici à quoi ça ressemble.

Spécifications

Spécification Statut Commentaire
CSS Text-decoration Level 3 Candidate Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base Pas de support 6.0 (6.0)
-moz
Pas de support Pas de support Pas de support
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base Pas de support Pas de support 6.0 (6.0)
-mozPas de support
Pas de support Pas de support Pas de support

Voir également

Text-related properties: letter-spacing, text-align, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-rendering, text-shadow, text-transform, text-indent, white-space, word-spacing

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, FredB
Dernière mise à jour par : teoli,
Masquer la barre latérale