A comprehensive reference for the CSS `pointer-events` property, explaining how it controls hit-testing and which elements can become targets of pointer events. Covers the `auto` and `none` values for HTML/SVG, plus nine SVG-specific values (visiblePainted, visibleFill, visibleStroke, visible, painted, fill, stroke, bounding-box, all). Key nuances covered include: inheritance and how children can opt back in, the fact that event propagation still works through parents with `pointer-events: none`, that it doesn't disable keyboard focus or text selection, and practical use cases like modal overlays and navigation menus with opacity-hidden submenus.
Table of contents
SyntaxValuesChildren can opt back inEvent propagation still workspointer-events doesn’t disable an elementpointer-events doesn’t prevent text selectionDemoBrowser SupportRelated propertiesuser-select2.8K Impressions