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>

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.

Support de Navigateurs

1.0+ 12.0+ 49.0+ v 15.0+


Trouvez-vous cela utile?

Articles Associées