CSSany-hover メディア特性は、要素の上でホバーすることができる入力メカニズムが何らか利用できるかどうかをテストするために使用することができます。

構文

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

none
差支えなくホバーができる入力メカニズムがないか、又はポインティング入力メカニズムがない。
hover
一つ以上の入力メカニズムが、要素の上で差支えなくホバーすることができる。

HTML

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

CSS

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

結果

仕様書

仕様書 状態 備考
Media Queries Level 4
any-hover の定義
勧告候補 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 41Edge 完全対応 16Firefox 完全対応 64IE 未対応 なしOpera 完全対応 28Safari 完全対応 9WebView Android 完全対応 41Chrome Android 完全対応 41Edge Mobile 完全対応 16Firefox Android 完全対応 64Opera Android 完全対応 28Safari iOS 完全対応 9.2Samsung Internet Android 完全対応 5.0

凡例

完全対応  
完全対応
未対応  
未対応

関連項目

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,