-webkit-text-stroke | CSS CSS Properties

A shorthand for setting both the thickness and the color of text outlines in one line. Great for creating 'hollow' or 'ghost' text effects.

Quick example

h1 {
  -webkit-text-stroke: 2px #7c3aed;
  color: transparent;
  font-size: 5rem;
}

Initial value

See individual properties

Inherited

Yes

Applies to

all elements

Widely available Since 2017 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.

Safe to use without fallbacks.

49+

15+