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) | Edge | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 41 | No support[2] | 20 or earlier (12) | Nightly build | 28 | 9.0 [1] |
| Feature | Android | Chrome for Andorid | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | No support | 50 | No support[2] | 36 | ? | 9.2 |
[1]: Implemented in WebKit bug #134822.