-webkit-text-stroke-color
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2017.
La propriété CSS -webkit-text-stroke-color définit la couleur du contour des caractères du texte. Si cette propriété n'est pas définie, la valeur de la propriété color est utilisée.
Syntaxe
css
/* Valeurs de largeur et de couleur */
-webkit-text-stroke-color: red;
-webkit-text-stroke-color: #e08ab4;
-webkit-text-stroke-color: rgb(200 100 0);
/* Valeurs globales */
-webkit-text-stroke-color: inherit;
-webkit-text-stroke-color: initial;
-webkit-text-stroke-color: revert;
-webkit-text-stroke-color: revert-layer;
-webkit-text-stroke-color: unset;
Valeurs
<color>-
La couleur du contour.
Définition formelle
| Valeur initiale | currentcolor |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Valeur calculée | couleur calculée |
| Type d'animation | une couleur |
Syntaxe formelle
-webkit-text-stroke-color =
<color>
Exemples
Ajouter un contour rouge au texte
HTML
html
<p>Un texte avec un bordure</p>
<input type="color" value="#ff0000" />
CSS
css
p {
margin: 0;
font-size: 4em;
-webkit-text-stroke-width: 3px;
-webkit-text-stroke: 2px red; /* Can be changed in the live sample */
}
Résultat
Spécifications
| Specification |
|---|
| Compatibility # the-webkit-text-stroke-color |