-webkit-text-stroke-width

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

Update compatibility data on GitHub

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
`-webkit-text-stroke-width` Non-standard	Chrome Support complet 1	Edge Support complet 15	Firefox Support complet 49 Support complet 49 Support complet 48 Désactivée Désactivée From version 48: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE Aucun support Non	Opera Support complet 15	Safari Support complet 3	WebView Android Support complet 38	Chrome Android Support complet 18	Firefox Android Support complet 49 Support complet 49 Support complet 48 Désactivée Désactivée From version 48: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android Support complet 15	Safari iOS Support complet 2	Samsung Internet Android Support complet 1.0

Légende

Support complet: Support complet
Aucun support: Aucun support
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é.