any-hover est une caractéristique média CSS qui permet de vérifier si un mécanisme de saisie/d'entrée permet à l'utilisateur de survoler les éléments.

Syntaxe

La caractéristique any-hover est définie avec un mot-clé parmi ceux de la liste ci-après.

none
Parmi les mécanismes de saisi, aucun ne permet de survoler les éléments (ou il n'existe aucun dispositif de pointage).
hover
Un ou plusieurs mécanismes de saisie permettent de survoler le contenu simplement.

Exemples

HTML

<a href="#">Essayez de me survoler !</a>

CSS

@media (any-hover: hover) {
  a:hover {
    background: yellow;
  }
}

Résultat

Spécifications

Spécification État Commentaires
Media Queries Level 4
La définition de 'any-hover' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 41Edge Support complet 16Firefox Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 1035774.
IE Aucun support NonOpera Support complet 28Safari Support complet 9WebView Android Support complet 41Chrome Android Support complet 41Edge Mobile Support complet 16Firefox Android Aucun support Non
Notes
Aucun support Non
Notes
Notes See bug 1035774.
Opera Android Support complet 28Safari iOS Support complet 9.2Samsung Internet Android Support complet 5.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,