CSS3 Click Chart | CSS3 Browser Support and Information

Text Stroke

Allows an outline, or stroke, to be added to text.

Specification

* Not in the spec

Example Code

.element {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #d78965;
    -webkit-text-stroke-width: 3px;
    text-fill-color: #fff;
    text-stroke-color: #d78965;
    text-stroke-width: 3px;
}

Live Demonstration

Stroked Text

Desktop Browser Support

Standard Syntax:
No support

Vendor Prefix:
Chrome 4+, Safari 3.1+

Tools / Polyfills

Text Stroke Generator

Tutorials / Articles

Adding Stroke to Web Text