CSS pointer-events Property


Example

Set whether or not an element should react to pointer events:

div.ex1 {
  pointer-events: none;
}

div.ex2 {
  pointer-events: auto;
}
Try it Yourself »

Definition and Usage

The pointer-events property defines whether or not an element reacts to pointer events.

Default value: auto
Inherited: yes
Animatable: No. Read about animatable
Version: CSS3
JavaScript syntax: object.style.pointerEvents="none" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
pointer-events 2.0 11.0 3.6 4.0 9.0


CSS Syntax

pointer-events: auto|none;

Property Values

Property Value Description
auto The element reacts to pointer events, like :hover and click. This is default
none The element does not react to pointer events
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.