The paint-order CSS property specifies the order for the three paint operations: fill, stroke and markers.
CSS
JS
object.style.paintOrder = "value";
Values
<'paint-order'> = normal | [ fill || stroke || markers ]
normal
Paint order is fill, stroke, markers.
fill
Fill is painted in the order given from left to right. If omitted, it is painted last in normal order.
stroke
Stroke is painted in the order given from left to right. If omitted, it is painted last in normal order.
markers
Markers are painted in the order given from left to right. If omitted, it is painted last in normal order.
Initial
fill
markers
normal
stroke
JS