CSS - any-hover

any-hover is a CSS media feature that can be used to check whether any available input mechanism allows the user to hover over elements.

Description  

any-hover is a CSS media feature that can be used to check whether any available input mechanism allows the user to hover over elements.

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 41.0 No support[2] No support 28 9.1 [1]
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 50 No support[2] No support 36 9.3

[1] Implemented in WebKit Nightly. See Bug 134822.

[2]: bug 1035774 – Implement Interaction Media Features

Specifications  

Specification Status Comment
Media Queries Level 4
The definition of 'any-hover' in that specification.
Working Draft Initial definition

Enumerated values

Value Meaning
none One or more available input mechanism(s) cannot hover (or there are no pointing input mechanisms)
on-demand One or more available input mechanism(s) can hover, but not easily (e.g., many mobile devices emulate hovering when the user performs a long tap)
hover One or more available input mechanism(s) can hover over elements with ease

See Also

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/@media/any-hover

CSS NeedsExample Reference Référence