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

h1 { 
    paint-order: normal;
}

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

h1 {
    paint-order: stroke fill;
}

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