hover
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2018年12月.
hover は CSS のメディア特性で、第一の入力機構で要素の上でホバーする（かざす）ことができるかどうかを検査するために使用することができます。
構文
hover 特性は、以下の一覧のうち一つのキーワード値で指定します。
例
HTML
html
<a href="#">Try hovering over me!</a>
CSS
css
/* 既定のホバー効果 */
a:hover {
color: black;
background: yellow;
}
@media (hover: hover) {
/* ホバーに対応している場合 */
a:hover {
color: white;
background: black;
}
}
結果
仕様書
| Specification |
|---|
| Media Queries Level 4 # hover |
ブラウザーの互換性
Loading…