From 69de90014cbebf425786e59bc3b125a860d463e8 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 7 Dec 2021 11:33:37 +0900 Subject: CSS メディアクエリーに関する記事を修正 (#3220) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Glossary/Forbidden_header_name の変換準備 * Glossary/Forbidden_header_name を更新 - 2021/10/18 時点の英語版に同期 * Web/CSS/font-smooth を新規翻訳 - 2021/08/13 時点の英語版に同期 * Glossary/Forbidden_header_name の変換準備 * Glossary/Forbidden_header_name を更新 - 2021/10/18 時点の英語版に同期 * メディアクエリーのトップページを更新準備 * 2021/08/13 時点の英語版に同期 リダイレクトを修正 * 2021/10/22 時点の英語版に同期 * メディアクエリー関係のガイドを変換準備 * 2021/10/22 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * メディア特性の文書の変換準備 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/09/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 -webkit-device-pixel-ratio の追加修正 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * メディアクエリー関係の文書へのリンクを修正 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/11/16 時点の英語版に同期 * 2021/10/04 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 --- files/ja/web/css/@media/hover/index.html | 66 -------------------------------- files/ja/web/css/@media/hover/index.md | 59 ++++++++++++++++++++++++++++ 2 files changed, 59 insertions(+), 66 deletions(-) delete mode 100644 files/ja/web/css/@media/hover/index.html create mode 100644 files/ja/web/css/@media/hover/index.md (limited to 'files/ja/web/css/@media/hover') diff --git a/files/ja/web/css/@media/hover/index.html b/files/ja/web/css/@media/hover/index.html deleted file mode 100644 index 4fe5019a01..0000000000 --- a/files/ja/web/css/@media/hover/index.html +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: hover -slug: Web/CSS/@media/hover -tags: - - '@media' - - CSS - - メディアクエリ - - メディア特性 - - リファレンス -translation_of: Web/CSS/@media/hover ---- -
{{cssref}}
- -

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

- -

構文

- -

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

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

例

- -

HTML

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

CSS

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

結果

- -

{{EmbedLiveSample("Example")}}

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS4 Media Queries', '#hover', 'hover')}}{{Spec2('CSS4 Media Queries')}}初回定義
- -

ブラウザーの対応

- -

{{Compat("css.at-rules.media.hover")}}

diff --git a/files/ja/web/css/@media/hover/index.md b/files/ja/web/css/@media/hover/index.md new file mode 100644 index 0000000000..8b5ccc5a5c --- /dev/null +++ b/files/ja/web/css/@media/hover/index.md @@ -0,0 +1,59 @@ +--- +title: hover +slug: Web/CSS/@media/hover +tags: + - '@media' + - CSS + - メディアクエリー + - リファレンス + - メディア特性 +browser-compat: css.at-rules.media.hover +translation_of: Web/CSS/@media/hover +--- +{{CSSRef}} + +[CSS](/ja/docs/Web/CSS) の **`hover`** [メディア特性](/ja/docs/Web/CSS/@media#メディア特性)は、*第一の*入力機構が要素の上でホバー (停止) することができるかどうかを検査するために使用することができます。 + +## 構文 + +`hover` 特性は、以下の一覧のうち一つのキーワード値で指定します。 + +- `none` + - : 第一の入力機構が全くホバーができないか、差支えなくホバーをすることができない (例えば、多くのモバイル機器は便利ではないものの、ロングタップのユーザー操作で擬似的に停止を実現する)、または第一の入力機構がない。 +- `hover` + - : 第一の入力機構が、要素の上で差支えなくホバーすることができる。 + +## 例 + +### HTML + +```html +Try hovering over me! +``` + +### CSS + +```css +@media (hover: hover) { + a:hover { + background: yellow; + } +} +``` + +### 結果 + +{{EmbedLiveSample("Examples")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [メディアクエリーの使用](/ja/docs/Web/CSS/Media_Queries/Using_media_queries) +- [@media](/ja/docs/Web/CSS/@media) -- cgit v1.2.3-54-g00ecf