Accueil    CSS    Propriété Text-decoration
 



style css text-decoration  Style CSS text-decoration

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété text-decoration permet d'appliquer des mises en forme sur le texte contenu par l'élément qu'elle décrit. Ces effets sont le soulignage, le surlignage le texte barré et le texte clignotant (ce dernier n'est pas supporté par la plupart des navigateurs).

Valorisé à "underline" ce style remplace de manière propre l'utilisation de la balise html <u>.



Propriétés pour le style text-decoration :




Propriété Définition Valeurs CSS
text-decoration Applique des effets de mise en forme sur le texte blink
line-through
none
overline
underline
CSS 1


Exemple d'utilisation du style css text-decoration :




Application des différentes valeurs de la propriété text-decoration :

<label style="text-decoration:underline;">
   Exemple de texte sousligné
</label>

<label style="text-decoration:line-through;">
   Exemple de texte barré
</label>

<label style="text-decoration:overline;">
   Exemple de texte surligné
</label>

<label style="text-decoration:underline overline;">
   Exemple de texte sousligné et surligné
</label>

<label style="text-decoration:underline overline line-through;">
   Exemple de texte sousligné, surligné et barré
</label>

<label style="text-decoration:blink;">
   Exemple de texte clignotant (non compatible IE Chrome Opéra)
</label>


Application des différentes valeurs de la propriété text-decoration :