CSS `any-hover` メディア特性

Baseline

広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2018年12月以降、すべてのブラウザーで利用可能です。

any-hover は CSS のメディア特性で、要素にかざす（ホバー）操作ができる入力機構が何らか利用できるかどうかを検査するために使用することができます。

構文

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

html

<a href="#">この上でかざしてみてください！</a>

css

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

仕様書
Media Queries Level 4 # descdef-media-any-hover

このページは MDN の貢献者によって 2026年8月28日に最終更新されました。