hover
構文
hover
特性は、以下の一覧のうち一つのキーワード値で指定します。
none
- 第一の入力機構が全くホバーができないか、差支えなくホバーをすることができない (例えば、多くのモバイル機器は便利ではないものの、ロングタップのユーザー操作で擬似的にホバーを実現する)、又は第一の入力機構がない。
hover
- 第一の入力機構が、要素の上で差支えなくホバーすることができる。
例
HTML
<a href="#">Try hovering over me!</a>
CSS
@media (hover: hover) {
a:hover {
background: yellow;
}
}
結果
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
Media Queries Level 4 hover の定義 |
勧告候補 | 初回定義 |
ブラウザーの対応
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。