Propriété CSS text-stroke-color

La propriété text-stroke-color spécifie la couleur du contour du caractère. La valeur initiale de la propriété text-stroke-color est la valeur initiale de la propriété color.

Vous pouvez choisir des couleur d'ici Les couleurs HTML.

La propriété text-stroke-color n'est utilisée qu'avec le préfixe vendeur -webkit-.
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.textStrokeColor = "#8ebf42";

Syntaxe

text-stroke-color: color | initial | inheirt;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      margin: 0;
      font-size: 3em;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: #8ebf42; 
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété text-stroke-color </h2>
    <p>Lorem Ipsum est simplement du faux texte...</p>
    <input type="color" value="#8ebf42">
  </body>
</html>

Valeurs

Valeur Description
color Spécifie la couleur du contour. Les noms des couleurs, codes hexadecimaux des 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

chrome edge firefox safari opera
1.0+ 15.0+ 49.0+ 15.0+

Pratiquez vos connaissances

Quelle propriété CSS est utilisée pour modifier la couleur de contour d'un texte ?
Trouvez-vous cela utile?