hover
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis décembre 2018.
La caractéristique média CSS hover est utilisée pour tester si le mécanisme de saisie principal de l'utilisateur·ice peut survoler des é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
/* 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
| Specification |
|---|
| Media Queries Level 4 # hover |
Compatibilité des navigateurs
Chargement…