Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.
La propriété -webkit-text-stroke-width permet de définir l'épaisseur du trait qui entoure les lettres du texte.
| Valeur initiale | 0 |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Média | visuel |
| Valeur calculée | une longueur (type length) absolue |
| Type d'animation | discrète |
| Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
/* Valeurs avec un mot-clé */ -webkit-text-stroke-width: thin; -webkit-text-stroke-width: medium; -webkit-text-stroke-width: thick; /* Valeurs de longueur */ /* Type <length> */ -webkit-text-stroke-width: 2px; -webkit-text-stroke-width: 0.1em; -webkit-text-stroke-width: 1mm; -webkit-text-stroke-width: 5pt; /* Valeurs globales */ -webkit-text-stroke-width: inherit; -webkit-text-stroke-width: initial; -webkit-text-stroke-width: unset;
Valeurs
<line-width>- La largeur du trait utilisé pour entourer les lettres du texte.
Syntaxe formelle
<length>
Exemples
CSS
p {
margin: 0;
font-size: 4em;
-webkit-text-stroke-color: red;
}
#thin {
-webkit-text-stroke-width: thin;
}
#medium {
-webkit-text-stroke-width: 3px;
}
#thick {
-webkit-text-stroke-width: 1.5mm;
}
HTML
<p id="thin">Trait fin</p> <p id="medium">Trait moyen</p> <p id="thick">Trait épais</p>
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| Compatibility Standard La définition de '-webkit-text-stroke-width' dans cette spécification. |
Standard évolutif | Définition initiale dans un standard. |
| Référence CSS Safari '-webkit-text-stroke-width' dans ce document. |
Documentation non-officielle, non-standard. | Documentation initiale. |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Support simple | Chrome Support complet Oui | Edge Support complet 15 | Firefox
Support complet
49
| IE Aucun support Non | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet 15 | Firefox Android
Support complet
49
| Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android ? |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Compatibilité inconnue
- Compatibilité inconnue
- Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
- Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
- Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
- Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Voir aussi
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,