Propriété CSS text-stroke-width

La propriété text-stroke-width spécifie la largeur du contour.

La propriété text-stroke est uniquement utilisée avec un préfixe vendeur -webkit-.
Valeur initiale 0
Appliquée à Tous les éléments.
Héritée Oui.
Animable Non.
Version -
Syntaxe DOM object.style.textStrokeWidth = "thin";

Syntaxe

text-stroke-width: length | initial | inheirt;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      margin: 0;
      font-size: 4em;
      -webkit-text-stroke-color: #1c87c9;
      }
      .thin {
      -webkit-text-stroke-width: thin;
      }
      .medium {
      -webkit-text-stroke-width: 3.5px;
      }
      .thick {
      -webkit-text-stroke-width: 1.3mm;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété text-stroke-width</h2>
    <p class="thin">Lorem Ipsum </p>
    <p class="medium">Lorem Ipsum</p>
    <p class="thick">Lorem Ipsum</p>
  </body>
</html>

Valeurs

Valeur Description
length Spécifie l'épaisseur du contour.
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

Qu'est-ce que la propriété text-stroke-width en CSS ?
Trouvez-vous cela utile?