Web features explorer

paint-order

Newly Available (since 2024-03-22)
Expected to be Widely Available on 2026-09-22

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.

Browser support

  • Chrome 123 Released on 2024-03-19
  • Chrome Android 123 Released on 2024-03-19
  • Edge 123 Released on 2024-03-22
  • Firefox ≤66 Released before 2019-03-19
  • Firefox for Android ≤66 Released before 2019-03-19
  • Safari ≤12 Released before 2018-09-17
  • Safari on iOS ≤12 Released before 2018-09-17

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~1.563% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist