Propriété CSS text-stroke-width

La propriété -webkit-text-stroke-width spécifie la largeur du trait de texte.

INFO

La propriété text-stroke-width n'est pas standardisée en tant que propriété autonome. Le raccourci standard est text-stroke (CSS Text Level 4). Pour une large prise en charge par les navigateurs, utilisez le préfixe fournisseur -webkit-.

Valeur initiale	0
S'applique à	Tous les éléments.
Héritée	Non.
Animable	Non
Version	CSS Text Level 4 (préfixe fournisseur)
Syntaxe DOM	object.style.webkitTextStrokeWidth = "1px";

Syntaxe

Valeurs CSS text-stroke-width

css

-webkit-text-stroke-width: length | initial | inherit;

Exemple de la propriété text-stroke-width :

Exemple de code CSS text-stroke-width

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      p, h2 {
        margin: 0;
        font-size: 4em;
        -webkit-text-stroke-color: #1c87c9;
      }
      .thin {
        -webkit-text-stroke-width: 1px;
      }
      .medium {
        -webkit-text-stroke-width: 3.5px;
      }
      .thick {
        -webkit-text-stroke-width: 1.3mm;
      }
    </style>
  </head>
  <body>
    <h2>Text-stroke-width property example</h2>
    <p class="thin">Lorem Ipsum </p>
    <p class="medium">Lorem Ipsum</p>
    <p class="thick">Lorem Ipsum</p>
  </body>
</html>

Try it Yourself »

Résultat

Liste des valeurs CSS text-stroke-width

Remarque : Lorsque cela est pris en charge, utilisez le raccourci standard text-stroke au lieu de la propriété préfixée.

Valeurs

Valeur	Description
length	Spécifie l'épaisseur du trait.
initial	Définit la valeur par défaut de la propriété.
inherit	Hérite la propriété de son élément parent.

Pratique

Quelle affirmation est incorrecte concernant la propriété CSS text-stroke-width.

Elle peut s'appliquer à tous les éléments.Il s'agit d'une propriété animable.Elle spécifie la largeur du trait.

Propriété CSS text-stroke-width ​

Syntaxe ​

Exemple de la propriété text-stroke-width : ​

Résultat ​