Attribut TEXT-DECORATION

Rôle

L’attribut text-decoration définit la décoration du texte (soulignement ou pas).

En CSS3, la propriété text-decoration devient l’écriture simplifiée de text-decoration-line , text-decoration-color et text-decoration-style. Cependant, ces attributs ne sont actuellement pas pris en charge par les principaux navigateurs.

Version : CSS1 renouvelé en CSS3

Héritage (inherit) : non

Propriété Javascript : element.style.textDecoration

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

p{
  text-decoration: underline;
}

– Le code HTML

<p>Mon contenu est souligné!</p>

Résultat

Compatibilité

L’attribut text-decoration est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut <text-decoration> sont:

none

Pas de soulignement : valeur par défaut
Syntaxe :
text-decoration : left

underline

Soulignement en dessous du texte
Syntaxe :
text-decoration : underline

overline

Soulignement en dessus du texte
Syntaxe :
text-decoration : overline

line-through

Soulignement à travers le texte : effet barré
Syntaxe :
text-decoration : line-through

initial

Le soulignement est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité, par exemple un lien peut rester non souligné même si tous les liens sont définis avec un soulignement au dessus du texte.
Syntaxe :
text-decoration : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
text-decoration : inherit

A voir aussi

color– text-align– text-transform– text-indent– line-height– word-spacing– letter-spacing– white-space– vertical-align– direction– content