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.
Version de travail Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple 41 Pas de support[2] 20 ou moins (12) Nightly build 28 9 [1]
Fonctionnalité Android Chrome pour Andorid Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support 50 Pas de support[2] 36 ? 9.2

[1] Pris en charge avec WebKit Nightly (voir le bug 134822).

[2] Cf. bug 1035774

Voir aussi

Étiquettes et contributeurs liés au document

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