pointer

This article needs a technical review. How you can help.

pointer is a CSS media feature that can be used to check whether the primary input mechanism is a pointing device, and if so, how accurate it is.

Enumerated values

Value Meaning
none The primary input mechanism of the device does not include a pointing device.
coarse The primary input mechanism of the device includes a pointing device of limited accuracy.
fine The primary input mechanism of the device includes an accurate pointing device.

Example

<!-- CSS media query within a stylesheet -->
<style>
@media (pointer: coarse) {
  input[type="checkbox"], 
  input[type="radio"] {
        min-width:30px;
        min-height:40px;
        background:transparent;
  }
}
</style>

 

Specifications

Specification Status Comment
Media Queries Level 4
The definition of 'pointer' in that specification.
Working Draft Added in Media Queries Level 4

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 38 No support[2] Nightly build ? 9.1 [1]
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? No support[2] ? ? 9.3

[1]: Implemented in WebKit bug #134822.

[2]: bug 1035774 – Implement Interaction Media Features

Document Tags and Contributors

 Contributors to this page: cvrebert, Kimball31, Sebastianz, kscarfone, RufusCSharma
 Last updated by: cvrebert,