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
1.0+ | 15.0+ | 49.0+ | ✓ | 15.0+ |
Pratiquez vos connaissances
Qu'est-ce que la propriété text-stroke-width en CSS ?
Correcte!
Incorrecte!