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...
text-decoration :text-decoration : line-through;
text-decoration : underline;
text-decoration : blink;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.
Exemple de code text-decoration CSS
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 A , des blink comme la balise HTML BLINK...
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 :
-
text-decoration-style: définie le style du trait de la décoration linéaire. -
text-decoration-color: définie la couleur de la décoration linéaire. -
text-decoration-line: définie type de trait de la décoration linéaire.
.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
- Détails des versions de la CSS text-decoration
- Propriété
text-decorationest compatible avec CSS1 et plus. - Propriété
text-decorationest compatible avec CSS2 et plus.
Equivalence de la CSS text-decoration en HTML.
La propriété CSS text-decoration peut remplacer la balise HTML ou XHTML U, STRIKE, S, BLINK.
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
Votes: 4.2 / 5 - 72
votes
Cliquez sur une étoile pour voter.