hover

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.

CSS の hover メディア特性は、第一の入力機構が要素の上でホバー (停止) することができるかどうかを検査するために使用することができます。

構文

hover 特性は、以下の一覧のうち一つのキーワード値で指定します。

none: 第一の入力機構が全くホバーができないか、差支えなくホバーをすることができない (例えば、多くのモバイル機器は便利ではないものの、ロングタップのユーザー操作で擬似的に停止を実現する)、または第一の入力機構がない。
hover: 第一の入力機構が、要素の上で差支えなくホバーすることができる。

html

<a href="#">Try hovering over me!</a>

css

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

Specification
Media Queries Level 4 # hover

BCD tables only load in the browser