La text-decoration-stylepropriété définit le style du soulignement sur les liens et du soulignement, du surlignage ou du trait sur tout texte avec text-decorationappliqué.
a ( text-decoration-style: solid; )Valeurs
solid: le défaut. La décoration est une seule ligne continue.double: La décoration est une paire de lignes pleines.dotted: La décoration est une ligne pointillée.dashed: La décoration est une ligne pointillée.wavy: La décoration est une ligne ondulée.
Démo
Au moment de la rédaction de cet article, text-decoration-stylen'est officiellement pris en charge que dans Firefox. Il fonctionnera également dans les navigateurs Chrome avec l'indicateur des fonctionnalités de la plate-forme Web expérimentale activé.
Voir le style de décoration de texte Pen par CSS-Tricks (@ css-tricks) sur CodePen.
Sténographie
Dans les navigateurs prenant en charge text-decoration-styleet, text-decoration-colorvous pouvez ajouter un style de décoration à une text-decorationpropriété abrégée:
.underlined ( text-decoration: underline dotted red; )Actuellement, seul Firefox prend en charge ce sans préfixe. Safari le prend en charge avec le -webkitpréfixe. Chrome a également besoin du -webkitpréfixe et des fonctionnalités de plate-forme Web expérimentale activées dans les indicateurs Chrome.
En rapport
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Plus d'information
- text-decoration-style dans le module de décoration de texte CSS du W3C niveau 3 CR
- text-decoration-style chez MDN
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Aucun | 6 † | Aucun | Aucun | Aucun | Aucun |
* uniquement avec l'indicateur des fonctionnalités de la plate-forme Web expérimentale activé
† Firefox 6+ avec -mozpréfixe, 36+ sans préfixe.