From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/@media/scan/index.html | 88 +++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 files/ja/web/css/@media/scan/index.html (limited to 'files/ja/web/css/@media/scan') diff --git a/files/ja/web/css/@media/scan/index.html b/files/ja/web/css/@media/scan/index.html new file mode 100644 index 0000000000..a67c63a5f9 --- /dev/null +++ b/files/ja/web/css/@media/scan/index.html @@ -0,0 +1,88 @@ +--- +title: scan +slug: Web/CSS/@media/scan +tags: + - '@media' + - CSS + - Media Queries + - Reference + - media feature + - メディアクエリ + - メディア特性 +translation_of: Web/CSS/@media/scan +--- +
{{cssref}}
+ +

scan は CSS のメディア特性は、 (もしあれば) 出力端末で使用されているスキャン方式を調べるために使用することができます。ここで使われるスキャンという言葉は、写真をディジタル化するためのイメージスキャナを指すものではありません。そうではなく、テレビ画面 (またはその他の端末) に画像を描画するプロセスを意味します。

+ +

構文

+ +

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

+ +
+
interlace
+
その端末では奇数の走査線と偶数の走査線を別々に描きます。一部のテレビはインターレスのスキャン方式を採用しています。
+
progressive
+
その端末ではすべての走査線を順番に描きます。コンピューターの画面はすべてプログレッシブのスキャン方式を採用しています。
+
+ +

例

+ +

HTML

+ +
<p>この画面がインターレスで描画されていると、
+   文字列はサンセリフのフォントになります。プログレッシブのスキャン方式では、
+   セリフフォントで見えるでしょう。</p>
+
+ +

CSS

+ +
p {
+  font-family: cursive;
+}
+
+@media (scan: interlace) {
+  p {
+    font-family: sans-serif;
+  }
+}
+
+@media (scan: progressive) {
+  p {
+    font-family: serif;
+  }
+}
+ +

結果

+ +

{{EmbedLiveSample("Example")}}

+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS4 Media Queries', '#scan', 'scan')}}{{Spec2('CSS4 Media Queries')}}変更なし。
{{SpecName('CSS3 Media Queries', '#scan', 'scan')}}{{Spec2('CSS3 Media Queries')}}初回定義。
+ +

ブラウザーの互換性

+ + + +

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

-- cgit v1.2.3-54-g00ecf