The scan CSS media feature can be used to test the scanning process (if any) utilized by the output device. The word scanning used in this context does not refer to an image scanner, such as one used to digitize a photograph. Rather, it means the process by which an image is painted onto a television screen (or other device).


The scan feature is specified as a single keyword value chosen from the list below.

The device draws odd lines and even lines alternately. Some televisions use interlaced scanning.
The device draws all lines in sequence. All computer screens use progressive scanning.



<p>If your screen uses interlaced rendering, this text should
   be in a sans-serif font. If your screen uses progressive
   scanning, you should see a serif font.</p>


p {
  font-family: cursive;

@media (scan: interlace) {
  p {
    font-family: sans-serif;

@media (scan: progressive) {
  p {
    font-family: serif;



Specification Status Comment
Media Queries Level 4
The definition of 'scan' in that specification.
Candidate Recommendation No change.
Media Queries
The definition of 'scan' in that specification.
Recommendation Initial definition.

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
scan media featureChrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android No support No


No support  
No support