From e160f04ecb5945c3dcf028e9d836be665dbf0ddc Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 20 Nov 2021 23:56:35 +0900 Subject: CSS Values and Units のプロパティを変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/resolution/index.html | 99 ---------------------------------- files/ja/web/css/resolution/index.md | 99 ++++++++++++++++++++++++++++++++++ 2 files changed, 99 insertions(+), 99 deletions(-) delete mode 100644 files/ja/web/css/resolution/index.html create mode 100644 files/ja/web/css/resolution/index.md (limited to 'files/ja/web/css/resolution') diff --git a/files/ja/web/css/resolution/index.html b/files/ja/web/css/resolution/index.html deleted file mode 100644 index 4cdf4eadc3..0000000000 --- a/files/ja/web/css/resolution/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: -slug: Web/CSS/resolution -tags: - - CSS - - CSS データ型 - - Reference - - ウェブ - - レイアウト -translation_of: Web/CSS/resolution ---- -
{{CSSRef}}
- -

<resolution> は CSS の データ型 で、メディアクエリの resolution で使われ、出力端末のピクセル密度である、解像度を表します。

- -

画面では、長さは物理的な値ではなく、 CSS のインチ、センチメートル、またはピクセルと関連づけられます。

- -

構文

- -

<resolution> データ型は、厳密に正の {{cssxref("<number>")}} のすぐ後ろに解像度の単位を続けます。他の CSS の寸法と同じく、単位のリテラルと数字の間に空白はありません。

- -

単位

- -
-
dpi
-
1 インチあたりのドット数 を表します。画面でよく使われるのは 72 または 96 dpi です。印刷物の dpi は通常、これより大きくなります。1 インチは 2.54 cm なので、1dpi ≈ 0.39dpcm です。
-
dpcm
-
センチメートルあたりのドット数 を表します。1 インチは 2.54 cm なので、1dpcm ≈ 2.54dpi です。
-
dppx
-
ピクセル (px) あたりのドット数を表します。CSS の in と CSS の px の比率は 1:96 で固定なので、1dppx は 96dpi と同じです。これは {{cssxref("image-resolution")}} で定義される、CSS の画像の既定の解像度に一致します。
-
x
-
dppx の別名です。
-
- -
-

注記: 仮に値 0 に対しすべての単位が同じ解像度を表すとしても、単位を省略してはいけません。言い換えると 0 は無効で、0dpi、0dpcm、0dppx のどれも表しません。

-
- -

例

- -

メディアクエリで使用する

- -
@media print and (min-resolution: 300dpi) { ... }
- -

有効な解像度

- -
96dpi
-50.82dpcm
-3dppx
-
- -

無効な解像度

- -
72 dpi     数値と単位の間に空白は許可されていません。
-ten dpi    数値は10進数しか使えません。
-0          単位は必須です。
-
- -

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS4 Values', '#resolution', '<resolution>')}}{{Spec2('CSS4 Values')}}x 単位を追加
{{SpecName('CSS3 Values', '#resolution', '<resolution>')}}{{Spec2('CSS3 Values')}}dppx 単位を追加
{{SpecName('CSS3 Media Queries', '#resolution', '<resolution>')}}{{Spec2('CSS3 Media Queries')}}初回定義
- -

ブラウザーの互換性

- -
-

{{Compat("css.types.resolution")}}

-
- -

関連情報

- - diff --git a/files/ja/web/css/resolution/index.md b/files/ja/web/css/resolution/index.md new file mode 100644 index 0000000000..4cdf4eadc3 --- /dev/null +++ b/files/ja/web/css/resolution/index.md @@ -0,0 +1,99 @@ +--- +title: +slug: Web/CSS/resolution +tags: + - CSS + - CSS データ型 + - Reference + - ウェブ + - レイアウト +translation_of: Web/CSS/resolution +--- +
{{CSSRef}}
+ +

<resolution> は CSS の データ型 で、メディアクエリの resolution で使われ、出力端末のピクセル密度である、解像度を表します。

+ +

画面では、長さは物理的な値ではなく、 CSS のインチ、センチメートル、またはピクセルと関連づけられます。

+ +

構文

+ +

<resolution> データ型は、厳密に正の {{cssxref("<number>")}} のすぐ後ろに解像度の単位を続けます。他の CSS の寸法と同じく、単位のリテラルと数字の間に空白はありません。

+ +

単位

+ +
+
dpi
+
1 インチあたりのドット数 を表します。画面でよく使われるのは 72 または 96 dpi です。印刷物の dpi は通常、これより大きくなります。1 インチは 2.54 cm なので、1dpi ≈ 0.39dpcm です。
+
dpcm
+
センチメートルあたりのドット数 を表します。1 インチは 2.54 cm なので、1dpcm ≈ 2.54dpi です。
+
dppx
+
ピクセル (px) あたりのドット数を表します。CSS の in と CSS の px の比率は 1:96 で固定なので、1dppx は 96dpi と同じです。これは {{cssxref("image-resolution")}} で定義される、CSS の画像の既定の解像度に一致します。
+
x
+
dppx の別名です。
+
+ +
+

注記: 仮に値 0 に対しすべての単位が同じ解像度を表すとしても、単位を省略してはいけません。言い換えると 0 は無効で、0dpi、0dpcm、0dppx のどれも表しません。

+
+ +

例

+ +

メディアクエリで使用する

+ +
@media print and (min-resolution: 300dpi) { ... }
+ +

有効な解像度

+ +
96dpi
+50.82dpcm
+3dppx
+
+ +

無効な解像度

+ +
72 dpi     数値と単位の間に空白は許可されていません。
+ten dpi    数値は10進数しか使えません。
+0          単位は必須です。
+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS4 Values', '#resolution', '<resolution>')}}{{Spec2('CSS4 Values')}}x 単位を追加
{{SpecName('CSS3 Values', '#resolution', '<resolution>')}}{{Spec2('CSS3 Values')}}dppx 単位を追加
{{SpecName('CSS3 Media Queries', '#resolution', '<resolution>')}}{{Spec2('CSS3 Media Queries')}}初回定義
+ +

ブラウザーの互換性

+ +
+

{{Compat("css.types.resolution")}}

+
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf