Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The -webkit-text-stroke-width CSS property specifies the width of the stroke for text.

Initial value0
Applies toall elements
Inheritedyes
Mediavisual
Computed valueabsolute <length>
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

/* Keyword values */
-webkit-text-stroke-width: thin;
-webkit-text-stroke-width: medium;
-webkit-text-stroke-width: thick;

/* <length> values */
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-width: 0.1em;
-webkit-text-stroke-width: 1mm;
-webkit-text-stroke-width: 5pt;

/* Global values */
-webkit-text-stroke-width: inherit;
-webkit-text-stroke-width: initial;
-webkit-text-stroke-width: unset;

Values

<line-width>
The width of the stroke.

Formal syntax

<length>

Example

CSS Content

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 Content

<p id="thin">Thin stroke</p>
<p id="medium">Medium stroke</p>
<p id="thick">Thick stroke</p>

Specifications

Specification Status Comment
Compatibility Standard
The definition of '-webkit-text-stroke-width' in that specification.
Living Standard Initial standardization
Safari CSS Reference
'-webkit-text-stroke-width' in that document.
Non-standard unofficial documentation Initial documentation

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes15

49

481

No Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes15

49

481

Yes Yes ?

1. 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.

See Also

Document Tags and Contributors

Contributors to this page: mfuji09, ExE-Boss, libbymc, Sebastianz, cvrebert, mrenty, chutten
Last updated by: mfuji09,