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/monochrome/index.html | 79 --------------------------- files/ja/web/css/@media/monochrome/index.md | 64 ++++++++++++++++++++++ 2 files changed, 64 insertions(+), 79 deletions(-) delete mode 100644 files/ja/web/css/@media/monochrome/index.html create mode 100644 files/ja/web/css/@media/monochrome/index.md (limited to 'files/ja/web/css/@media/monochrome') diff --git a/files/ja/web/css/@media/monochrome/index.html b/files/ja/web/css/@media/monochrome/index.html deleted file mode 100644 index 7eb117cf7c..0000000000 --- a/files/ja/web/css/@media/monochrome/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: monochrome -slug: Web/CSS/@media/monochrome -tags: - - '@media' - - CSS - - メディアクエリ - - メディア特性 - - リファレンス -translation_of: Web/CSS/@media/monochrome ---- -
{{cssref}}
- -

CSS の light-level メディア特性は、出力機器のモノクロフレームバッファのピクセルあたりのビット数を調べるために使用することができます。

- -

構文

- -

monochrome 特性は {{cssxref("<integer>")}} 値で指定し、モノクロフレームバッファのピクセルあたりのビット数を表します。機器がモノクロ機器でなければ、ゼロを返します。これは範囲の特性であり、つまり接頭辞の付いた min-monochrome 及び max-monochrome の変化形を使用して、それぞれ最小値と最大値をクエリすることができます。

- -

例

- -

HTML

- -
<p class="mono">この機器はモノクロピクセルに対応しています。</p>
-<p class="no-mono">この機器はモノクロピクセルに対応していません。</p>
- -

CSS

- -
p {
-  display: none;
-}
-
-/* 任意のモノクロ機器 */
-@media (monochrome) {
-  p.mono {
-    display: block;
-    color: #333;
-  }
-}
-
-/* 任意のモノクロでない機器 */
-@media (monochrome: 0) {
-  p.no-mono {
-    display: block;
-    color: #ee3636;
-  }
-}
- -

結果

- -

{{EmbedLiveSample("Example")}}

- -

仕様書

- - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS4 Media Queries', '#monochrome', 'monochrome')}}{{Spec2('CSS4 Media Queries')}}値に負の数が取れるようになり、この場合は false と計算される。
{{SpecName('CSS3 Media Queries', '#monochrome', 'monochrome')}}{{Spec2('CSS3 Media Queries')}}初回定義。負の値は使用不可。
- -

ブラウザーの対応

- -

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

diff --git a/files/ja/web/css/@media/monochrome/index.md b/files/ja/web/css/@media/monochrome/index.md new file mode 100644 index 0000000000..4528af6786 --- /dev/null +++ b/files/ja/web/css/@media/monochrome/index.md @@ -0,0 +1,64 @@ +--- +title: monochrome +slug: Web/CSS/@media/monochrome +tags: + - '@media' + - CSS + - メディアクエリー + - リファレンス + - メディア特性 +browser-compat: css.at-rules.media.monochrome +translation_of: Web/CSS/@media/monochrome +--- +{{CSSRef}} + +**`light-level`** は [CSS](/ja/docs/Web/CSS) の[メディア特性](/ja/docs/Web/CSS/@media#メディア特性)で、出力機器のモノクロフレームバッファのピクセルあたりのビット数を調べるために使用することができます。 + +## 構文 + +`monochrome` 特性は {{cssxref("<integer>")}} 値で指定し、モノクロフレームバッファのピクセルあたりのビット数を表します。機器がモノクロ機器でなければ、ゼロを返します。これは範囲の特性であり、つまり接頭辞の付いた **`min-monochrome`** および **`max-monochrome`** の変化形を使用して、それぞれ最小値と最大値をクエリーすることができます。 + +## 例 + +### HTML + +```html +

この機器はモノクロピクセルに対応しています。

+

この機器はモノクロピクセルに対応していません。

+``` + +### CSS + +```css +p { + display: none; +} + +/* 任意のモノクロ機器 */ +@media (monochrome) { +  p.mono { + display: block; +  color: #333; +  } +} + +/* 任意のモノクロでない機器 */ +@media (monochrome: 0) { + p.no-mono { + display: block; +  color: #ee3636; + } +} +``` + +### 結果 + +{{EmbedLiveSample("Examples")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} -- cgit v1.2.3-54-g00ecf