text-decoration-line CSS propriété

Définition de la CSS text-decoration-line.

La propriété CSS text-decoration-line permet de spécifier le type de décorations linéaires d'un mot, par exemple si le mot est souligné, barré, etc...

text-decoration-line : line-through;
text-decoration-line : underline;
text-decoration-line : blink;

• underline : texte est souligné.
• overline : le texte a un trait au-dessus de lui (ne pas confondre avec surligné).
• line-through : texte est barré en son milieu.
• blink : texte qui clignote. Valeur désactivée par navigateur pour des raisons d'accessibilité.
• none : pas de trait, valeur par défaut.

Exemple de code text-decoration-line CSS

Conditions d'application de la CSS text-decoration-line.

La propriété de feuille de style CSS text-decoration-line est applicable sur l'ensemble des balises HTML ou XHTML.

La valeur de la CSS text-decoration-line peut être mise directement dans la propriété de raccourci CSS text-decoration.

Héritage des valeurs Css de text-decoration-line.

Les balises filles HTML ou XHTML n'héritent pas de la propriété (mais proposé au w3c). Cependant les enfants doivent recevoir la même décoration.

Problème d'interprétation de text-decoration-line en Css.

La propriété CSS text-decoration-line pose un problème d'interprétation car peu de navigateurs reconnaissent la propriété (01/2017). Pour text-decoration-line : blink dont l'effet a été supprimé pour être conforme au WAI-UAAG point 3.3.

Conditions d'animation de text-decoration-line en CSS3.

La CSS text-decoration-line est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.