Back to The Lab
View on Github

Paint Order

We can use the paint-order CSS property to change the order in which the browser paints text onto the page.

By default, the browser will draw text in the following order: fill, stroke, markers.

Wraithcode

paint-order: normal;

Uses the default paint order: fill, stroke, markers.

Wraithcode

paint-order: stroke fill;

Changes the paint order so the stroke is drawn first, then the fill.