Lacaractéristique médiaCSShover est utilisée pour tester si lemécanisme de saisie principal de l'utilisateur·ice peut survoler des éléments.

Syntaxe

La caractéristiquehover 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

/* effet de survol par défaut */a:hover {  color: black;  background: yellow;}@media (hover: hover) {  /* quand le survol est pris en charge */  a:hover {    color: white;    background: black;  }}

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• Utiliser les requêtes média
• La règle@media