scan

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

構文

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

結果

仕様書

ブラウザーの対応

このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。