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+
Trouvez-vous cela utile?