any-hover

Baseline 広く利用可能

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

any-hover は CSS のメディア特性で、要素の上で停止することができる入力メカニズムが何らか利用できるかどうかを検査するために使用することができます。

構文

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

html

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

css

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

仕様書
Media Queries Level 4 # any-input

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