paint-order

The paint-order CSS property specifies the order for the three paint operations: fill, stroke and markers.

Syntax

CSS

paint-order: value;

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

normal

Examples

fill

markers

normal

stroke

JS

World Wide Web Consortium (W3C)

Home Menu