Basic info on pointer-events property (#21110)

* Basic info on pointer-events property

Property, possible values and link to more information

* Update index.md

* Update index.md
pull/21108/head^2
barrettfett 2018-11-05 15:49:14 -05:00 committed by Paul Gamble
parent 6d0f7697bc
commit e9f1f3e19c
1 changed files with 9 additions and 1 deletions

View File

@ -3,6 +3,14 @@ title: Pointer Events
---
## Pointer Events
The `pointer-events` property determines if an element will react to pointer events.
There are 4 possible values that can be assigned to the `pointer-events` property:
- `auto` Default Setting: Reacts to `pointer events` like :hover or click.
- `none` Sets that the element won't react to `pointer-events`
- `initial` Uses the default value
- `inherit` Inherits from parent
This property specifies how your mouse reacts when you hover over any element on a page.
### Example
@ -25,9 +33,9 @@ This property specifies how your mouse reacts when you hover over any element on
Other values could be: `initial`, and `inherit`
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
- [pointer-events on MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)
- [Scalable Vector Graphics 1.1 specification (recommendation)](https://www.w3.org/TR/SVG11/interact.html#PointerEventsProperty)
- [Can I use: CSS pointer-events property](https://caniuse.com/#feat=pointer-events)
- [W3schools - CSS pointer-events Property](https://www.w3schools.com/cssref/css3_pr_pointer-events.asp)