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.