CSS:text-decoration
Un article de MDC.
[modifier] Résumé
La propriété text-decoration est utilisée pour définir la décoration du texte (formatage), telle que souligné, clignotant, barré, etc.
- Valeur initiale : none
- S'applique à : tous les éléments
- Héritée : non
- Média : Visuel
[modifier] Syntaxe
text-decoration:none| [underline||overline||line-through||blink] |inherit
[modifier] Valeurs
- none
- Aucune décoration de texte n'est utilisée.
- underline
- Texte souligné.
- overline
- Texte surligné avec une ligne au-dessus.
- line-through
- Texte barré.
- blink
- Texte clignotant.
[modifier] Exemples
Voir des exemples en ligne (en)
/* Le texte des paragraphes est barré */
p { text-decoration: line-through; }
/* Le texte des paragraphes est souligné */
p { text-decoration: underline; }
[modifier] Notes
Les décorations de texte s'appliquent aux éléments enfant. Cela signifie qu'il n'est pas possible de désactiver une décoration de texte sur un descendant qui a été spécifiée sur l'un de ses parents. Par exemple, pour le code HTML suivant :
<p>Ce texte comporte <em>quelques mots mis en emphaze</em>.</p>
la règle de style :
p { text-decoration: underline }
fera que le paragraphe entier sera souligné. Cependant, la règle de style :
em { text-decoration: none }
ne causera aucune modification; le paragraphe entier sera toujours souligné. Cependant, la règle :
em { text-decoration: overline }
fera apparaître une seconde décoration au texte quelques mots mis en emphaze.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
| Navigateur | Version minimale |
|---|---|
| Internet Explorer | 3 |
| Netscape | 4 |
| Opera | 3.5 |