From e9f1f3e19c255b9bdcdc89653e97d612e8bb1f88 Mon Sep 17 00:00:00 2001 From: barrettfett <42304168+barrettfett@users.noreply.github.com> Date: Mon, 5 Nov 2018 15:49:14 -0500 Subject: [PATCH] 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 --- guide/english/css/pointer-events/index.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/guide/english/css/pointer-events/index.md b/guide/english/css/pointer-events/index.md index 310e25e83b..342d4f77aa 100644 --- a/guide/english/css/pointer-events/index.md +++ b/guide/english/css/pointer-events/index.md @@ -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` - #### 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)