Skip to content

<hatch>

The <hatch> CSS type represents a character used in the hatch rule.

Syntax

Value Description
cross A diagonal crossed line.
horizontal A horizontal line.
left A left leaning diagonal line.
right A right leaning diagonal line.
vertical A vertical line.

Examples

CSS

.some-class {
    hatch: cross green;
}

Python

widget.styles.hatch = ("cross", "red")