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+ |