CSS - décoration de texte

La description

La propriété text-decoration est utilisée pour ajouter des "décorations" au contenu en ligne.

Valeurs possibles

  • none - Aucune décoration ne doit être ajoutée au texte en ligne.

  • underline - Un soulignement est dessiné sous le texte en ligne.

  • overline - Un surlignage est dessiné au-dessus du texte intégré.

  • line-through - Une ligne doit être tracée au milieu du texte en ligne.

  • blink - Le texte en ligne doit clignoter, allumé et éteint, de manière analogue à l'élément BLINK introduit par Netscape.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.textDecoration = "underline";

Exemple

Voici l'exemple qui montre comment décorer un texte.

NOTE - La propriété Blink ne fonctionne pas avec tous les navigateurs.

<html>
   <head>
   </head>

   <body>
      <p style = "text-decoration:underline;">
         This will be underlined
      </p>
      
      <p style = "text-decoration:line-through;">
         This will be striked through.
      </p>
      
      <p style = "text-decoration:overline;">
         This will have a over line.
      </p>
      
      <p style = "text-decoration:blink;">
         This text will have blinking effect
      </p>
   </body>
</html>

Cela produira le résultat suivant -