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).
Syntax
The scan
feature is specified as a single keyword value chosen from the list below.
interlace
- The device draws odd lines and even lines alternately. Some televisions use interlaced scanning.
progressive
- The device draws all lines in sequence. All computer screens use progressive scanning.
Examples
HTML
<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>
CSS
p {
font-family: cursive;
}
@media (scan: interlace) {
p {
font-family: sans-serif;
}
}
@media (scan: progressive) {
p {
font-family: serif;
}
}
Result
Specifications
Specification | Status | Comment |
---|---|---|
Media Queries Level 4The definition of 'scan' in that specification. | Candidate Recommendation | No change. |
Media QueriesThe definition of 'scan' in that specification. | Recommendation | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
scan media feature
|
Chrome
No support No |
Edge
No support No |
Firefox
No support No |
IE
No support No |
Opera
No support No |
Safari
No support No |
WebView Android
No support No |
Chrome Android
No support No |
Firefox Android
No support No |
Opera Android
No support No |
Safari iOS
No support No |
Samsung Internet Android
No support No |
Legend
- No support
- No support
scan by Mozilla Contributors is licensed under CC-BY-SA 2.5.