text-decoration-color CSS propriété

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

La propriété CSS text-decoration-color permet de spécifier la couleur des décorations d'un mot par exemple la couleur du souligné

text-decoration-color : transparent;
text-decoration-color : currentColor;
text-decoration-color : saddlebrown;
text-decoration-color : #8B4513;
text-decoration-color : rgb(139,69,19);
text-decoration-color : hsl(25,76%,31%);

• currentColor : correspond à la valeur de color, valeur par défaut.
• transparent : couleur transparente.
• #RGB : couleur hexadécimale, ex:#8B4513.
• nommée : couleur prédéfinie, ex:saddlebrown.
• rgb(r,g,b), r, g et b sont compris entre 0 et 255, s'ils sont en pourcentage alors spécifier l'unité "%". Ex:rgb(139,69,19).
• rgba(r,g,b,alpha), couleur en RGB transparence (CSS3). "alpha" est compris entre 0 et 1. Ex:rgba(139,69,19,0.3).
• hsl(h,s%,l%) : couleur en HSL (CSS3), ex:hsl(25,76%,31%).
• hsla(h,s%,l%,alpha) : couleur en HSL avec transparence (CSS3). "alpha" est compris entre 0 et 1. Ex:hsla(25,76%,31%,0.6).
• inherit : hérite de la propriété CSS text-decoration-color de son parent (CSS2).

Exemple de code text-decoration-color CSS

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

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

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

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

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. La couleur de la décoration doit être conservée, même si la valeur de la propriété CSS color des enfants descendants est différente.

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

La propriété CSS text-decoration-color pose un problème d'interprétation car peu de navigateurs reconnaissent la propriété (01/2017).

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

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