text-decoration

Résumé

La propriété CSS text-decoration est utilisée pour définir la décoration du texte (formatage), telle que souligné, clignotant, barré, etc.

  • Valeur initiale La concaténation des valeurs initiales des propriétés associées :
    • text-decoration-color: currentColor
    • text-decoration-style: solid
    • text-decoration-line: none
  • S'applique à tous les éléments
  • Héritée non
  • Pourcentages
  • Média visual
  • Valeur calculée comme chacune des propriétés du raccourci:
    • text-decoration-line: comme spécifié
    • text-decoration-style: comme spécifié
    • text-decoration-color: si la valeur est translucide, la valeur calculée est la fonction rgba()correspondante. Sinon, la fonction rgb()correspondante. Le mot-clé transparent devient rgb(0,0,0).
  • Animable pour chaque propriété individuelle de la propriété raccourcie :
    • text-decoration-color: oui, comme une couleur
    • text-decoration-style: non
    • text-decoration-line: non
  • Ordre canonique l'ordre d'apparition dans la grammaire formelle des valeurs

Syntaxe

text-decoration: none | [ underline || overline || line-through || blink ] | inherit

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.

Exemples

Voir l'exemple sur une page

/* Le texte des paragraphes est barré    */
p { text-decoration: line-through; }

/* Le texte des paragraphes est souligné */
p { text-decoration: underline; }

Notes

Les décorations de texte s'appliquent aux éléments enfants. 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 emphase</em>.</p>

la règle de style  :

 p { text-decoration: underline }

fera en sorte que le paragraphe entier soit 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 sur les quelques mots mis en emphase .

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 3
Netscape 4
Opera 3.5

Voir également

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : 316k, Fredchat, Kyodev, FredB
Dernière mise à jour par : 316k,
Masquer la barre latérale