CSS | pointer-events Property

This property is used to specify whether element show to pointer events and whether not show on the pointer.

Syntax:

pointer-events: auto|none;

Property values:

• auto: This property is used to specify that an element must react to pointer events.

  Syntax:

  pointer-events:auto;

  Example:

  filter_none

  edit
  close

  play_arrow

  link
  brightness_4
  code

  <!DOCTYPE html> <html>     <head>         <title>             CSS | pointer-events Property         </title>         <style>              p.geeks {                 pointer-events: auto;             }             h1, h2 {                 color:green;             }             body {                 text-align:center;             }         </style>     </head>     <body>     <CENTER>     <h1>GeeksForGeeks</h1>     <h2>pointer-events:auto;</h2>     <p class="geeks"><a href="#">GeeksforGeeks</P></A>      </body> </html>

  chevron_right

  filter_none

  Output:
  

• none: This property is used to specify that an element does not react to pointer-events.

  Syntax:

  pointer-events:none;

  Example:

  filter_none

  edit
  close

  play_arrow

  link
  brightness_4
  code

  <!DOCTYPE html> <html>     <head>         <title>             CSS | pointer-events Property         </title>         <style>              p.geeks {                 pointer-events: none;             }             h1, h2 {                 color:green;             }             body {                 text-align:center;             }         </style>     </head>     <body>         <h1>GeeksForGeeks</h1>         <h2>pointer-events:none;</h2>         <p class="geeks"><a href="#">GeeksforGeeks</p></a>      </body> </html>

  chevron_right

  filter_none

  Output:
  

Supported Browsers: The browsers supported by pointer-events Property are listed below:

• Google Chrome 2.0
• INternet Eplorer 11.0
• Firefoc 3.6
• Opera 9.0
• Safari 4.0

---

---