text-decoration CSS propriété

Définition de la CSS text-decoration.

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

Exemple de syntaxe CSS text-decoration :
text-decoration : line-through;
text-decoration : underline;
text-decoration : blink;
La propriété de feuille de style text-decoration CSS peut prendre la valeur de :
  • underline : le texte est souligné.
  • overline : texte a un trait au-dessus (ne pas confondre avec surligné).
  • line-through : le texte est barré en son milieu.
  • blink, le texte clignote (sauf ie, Chrome et safari). Valeur désactivée par navigateur pour des raisons d'accessibilité.
  • none : aucun trait.

En CSS3, vous pouvez spécifier les propriétés de la décoration linéaire individuellement.

Conditions d'application de la CSS text-decoration.

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

Héritage des valeurs Css de text-decoration.

Les balises filles HTML ou XHTML héritent de la propriété dans la majorité des cas, sauf les balises dont l'affichage se fait avec des soulignements comme la balise HTML ou XHTML , des blink comme la balise HTML ...

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

La propriété CSS text-decoration ne pose aucun problème d'interprétation sauf pour text-decoration : blink dont l'effet a été supprimé pour être conforme au WAI-UAAG point 3.3..

Règles de syntaxes CSS pour text-decoration.

Règles d'héritage

Un fils n'hérite pas de la propriété CSS text-decoration, si il est :

  • flottant,
  • en position absolue,
  • de type inline-block,
  • un tableau qui n'est pas inline-table.

Evolution de la syntaxe CSS de text-decoration.

Spécifier les propriétés de la bordure droite individuellement

En CSS3, si vous ne voulez pas utiliser le raccourci text-decoration, vous pouvez définir individuellement chaque propriété Css de la décoration linéaire en utilisant une des propriétés CSS suivante :

Exemple d'écriture CSS de propriétés de décoration linéaire spécifiées individuellement :
.ma-decoration-lineaire{
  text-decoration-color : rgb(173,216,230);
  text-decoration-line  : overline ;
  text-decoration-style : solid;
}

Compatibilités navigateurs de la propriété text-decoration

Equivalence de la CSS text-decoration en HTML.

La propriété CSS text-decoration peut remplacer la balise HTML ou XHTML , , , .

Flash mx text-decoration CSS

Pour les utilisateurs de Flash MX : l'équivalence actionscript de la CSS text-decoration est textDecoration.
La CSS actionscript accepte les valeur de :

  • textDecoration
  • none

Votre avis sur la définition text-decoration en CSS

Votez pour la définition CSS text-decoration

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/text-decoration-css.html Votes: 4.2 / 5 - 72 votes
Cliquez sur une étoile pour voter.