The -webkit-text-stroke
CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width
and -webkit-text-stroke-color
.
/* Width and color values */ -webkit-text-stroke: 4px navy; text-stroke: 4px navy; /* Global values */ -webkit-text-stroke: inherit; -webkit-text-stroke: initial; -webkit-text-stroke: revert; -webkit-text-stroke: revert-layer; -webkit-text-stroke: unset;
Constituent properties
This property is a shorthand for the following CSS properties:
Syntax
Values
<length>
-
The width of the stroke.
<color>
-
The color of the stroke.
Examples
Adding a red text stroke
HTML
<p id="example">The stroke of this text is red.</p>
CSS
#example { font-size: 3em; margin: 0; -webkit-text-stroke: 2px red; }