scan

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

構文

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;
  }
}

結果

仕様書

仕様書 状態 備考
Media Queries Level 4
scan の定義
勧告候補 変更なし。
Media Queries
scan の定義
勧告 初回定義。

ブラウザーの互換性

No compatibility data found for css.at-rules.media.scan.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.