mozilla
Vos résultats de recherche

    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 : 
    Contributors to this page: 316k, Fredchat, Kyodev, teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale