Propriété CSS text-fill-color

La propriété text-fill-color spécifie la couleur de remplissage des caractères du texte.

Si la propriété n'est pas définie, la valeur de la propriété color est utilisée.

La propriété text-fill-color est utilisée avec une extension -webkit-.

Cette propriété n'est pas encore standardisée. Ne l'utilisez pas sur les sites qui font face à Web: cela ne fonctionnera pas pour tous les utilisateurs. Il peut aussi être des grands différences entre les implementations et la représentation peut changer à l'avenir.

Valeur initiale	currentColor
Appliquée à	Tous les éléments.
Héritée	Oui.
Animable	Oui. La couleur est animable.
Version	Compatibility Standard
Syntaxe DOM	object.style.textFillColor = "#1c87c9";

Syntaxe

text-fill-color: color | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style> 
      p {
      margin: 0;
      font-size: 1.5em;
      -webkit-text-fill-color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété text-fill-color</h2>
    <p>Lorem Ipsum est simplement du faux texte...</p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
color	Spécifie la couleur de remplissage du premier plan du contenu de texte de l'élément. Les noms des couleurs, codes hexadecimaux de couleurs, rgb(), rgba(), hsl(), hsla() peuvent être utilisés.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément parent.