⌘K

Propriété text-decoration

La propriété text-decoration ajoute différents effets au texte : soulignement, barré, ligne au-dessus.

Syntaxe

csssélecteur {
  text-decoration: underline | line-through | overline | none;
}

Valeurs

Valeur Description
underline Rend le texte souligné.
line-through Rend le texte barré.
overline Fait une ligne au-dessus du texte.
none Supprime le soulignement de l'élément souligné. Est le plus souvent utilisé pour les liens, car ils sont soulignés par défaut.

Valeur par défaut : none. Pour les liens la valeur par défaut est : underline.

Exemple . Valeur underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Exemple . Valeur line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Exemple . Valeur overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Voir aussi

BackPropriété text-alignNextPropriété text-decoration-line