hover est une caractéristique média CSS (cf. @media) qui permet de vérifier si le dispositif de saisie/d'entrée principal permet à l'utilisateur de survoler les éléments.

Syntaxe

La caractéristique hover est définie avec un mot-clé parmi ceux de la liste suivant :

none
Le mécanisme de saisie principal ne permet pas de survoler les éléments (ou ne le permet pas de façon simple ; par exemple sur les appareils mobiles qui émulent le survol avec un appui long) ou il n'existe pas de dispositif de pointage principal.
hover
Le mécanisme de saisie principal permet de survoler les éléments simplement.

Exemples

HTML

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

CSS

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

Résultat

Spécifications

Spécification État Commentaires
Media Queries Level 4
La définition de '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 38 [1] Pas de support[2] 20 ou moins (12) Nightly build 28 9 [3]
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support 50 Pas de support[2] 36 ? 9.2

[1] Pour Chrome avec une version antérieure à la version 41, l'implémentation était erronée et indiquait (hover: none) sur les ordinateurs non-tactiles qui disposaient d'une souris ou d'un trackpad, cf. bug Chromium n°441613.

[2] Cf. bug 1035774

[3] Cf. bug WebKit n°134822

Voir aussi

Étiquettes et contributeurs liés au document

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