scan

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

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
scan media featureChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

未対応  
未対応