Widely Available CSS

paint-order

The paint-order CSS property sets the z-order of strokes, fills, and (in SVG content) markers. For example, paint-order: markers stroke fill; draws the markers, then stroke on top of markers, then fill on top of both markers and stroke.

Baseline Status: Achieved Widely Available on Sep 22, 2026 (Cross-browser Newly Available since Mar 22, 2024).

Desktop Browser Engine Support

Google Chrome

123

Supported

Mozilla Firefox

≤66

Supported

Apple Safari

≤12

Supported

Microsoft Edge

123

Supported

Mobile Browser Engine Support

Chrome Android

123

Firefox Android

≤66

Safari iOS

≤12

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.paint-order ↗ svg.global_attributes.paint-order ↗