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

構文

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 の定義
勧告 初回定義。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 なし ? なし なし なし なし
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 ? ? ? なし ? ? ?

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,