HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

paint-order

Description

The paint-order property for CSS 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

1 · fill

2 · markers

3 · normal

4 · stroke

5 · JS