aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/@media/any-hover/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/css/@media/any-hover/index.md')
-rw-r--r--files/ja/web/css/@media/any-hover/index.md60
1 files changed, 60 insertions, 0 deletions
diff --git a/files/ja/web/css/@media/any-hover/index.md b/files/ja/web/css/@media/any-hover/index.md
new file mode 100644
index 0000000000..eaa0a10d81
--- /dev/null
+++ b/files/ja/web/css/@media/any-hover/index.md
@@ -0,0 +1,60 @@
+---
+title: any-hover
+slug: Web/CSS/@media/any-hover
+tags:
+ - '@media'
+ - CSS
+ - メディアクエリー
+ - メディア特性
+ - リファレンス
+browser-compat: css.at-rules.media.any-hover
+translation_of: Web/CSS/@media/any-hover
+---
+{{CSSRef}}
+
+**`any-hover`** は [CSS](/ja/docs/Web/CSS) の[メディア特性](/ja/docs/Web/CSS/@media#メディア特性)で、要素の上で停止することができる入力メカニズムが*何らか*利用できるかどうかを検査するために使用することができます。
+
+## 構文
+
+`any-hover` 特性は、以下の一覧のうち一つのキーワード値で指定します。
+
+- `none`
+ - : 差支えなく停止することができる入力メカニズムがないか、またはポインティング入力メカニズムがない。
+- `hover`
+ - : 一つ以上の入力メカニズムが、要素の上で差支えなく停止することができる。
+
+## 例
+
+### 入力手段が停止をすることができるかどうかを検査
+
+#### HTML
+
+```html
+<a href="#">Try hovering over me!</a>
+```
+
+#### CSS
+
+```css
+@media (any-hover: hover) {
+ a:hover {
+ background: yellow;
+ }
+}
+```
+
+#### 結果
+
+{{EmbedLiveSample("Testing_whether_input_methods_can_hover")}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [`hover` メディア特性](/ja/docs/Web/CSS/@media/hover)