Syntax

Pointer Events

Setting whether an element reacts to pointer events.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`pointer-events:value`	`pointer-events: value;`
`pointer-events:auto`	`pointer-events: auto;`
`pointer-events:none` `/` `untouchable`	`pointer-events: none;`
`pointer-events:visiblePainted`	`pointer-events: visiblePainted;`
`pointer-events:visibleFill`	`pointer-events: visibleFill;`
`pointer-events:visibleStroke`	`pointer-events: visibleStroke;`
`pointer-events:visible`	`pointer-events: visible;`
`pointer-events:painted`	`pointer-events: painted;`
`pointer-events:fill`	`pointer-events: fill;`
`pointer-events:stroke`	`pointer-events: stroke;`
`pointer-events:all`	`pointer-events: all;`
`pointer-events:bounding-box`	`pointer-events: bounding-box;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="pointer-events:auto:hover pointer-events:auto@sm pointer-events:auto@dark pointer-events:auto@print">…</div>