сканирование

Свойство scan CSS свойство среды используется для применения стилей CSS на основе процесса сканирования выходного устройства.

Синтаксис

Свойство scan задаётся одним из следующих ключевых слов:

interlace: Выходное устройство использует «чересстрочную» отрисовку, где кадры видео чередуются, указывая только «чётные» строки на экране и только «нечётные» строки.
progressive: Выходное устройство отображает содержимое на экране без специальной обработки.

Описание

Большинство современных экранов (и все компьютерные экраны) используют прогрессивную отрисовку, отображая каждый экран полностью без специальной обработки.

Чересстрочная отрисовка использовалась мониторами CRT и некоторыми плазменными телевизорами для достижения видимого увеличения кадров в секунду (FPS), снижая при этом пропускную способность. При чересстрочной отрисовке кадры видео чередуются, выводя чётные и нечётные строки на экране, загружая и отображая только половину экрана для каждого кадра, используя способность человеческого глаза к сглаживанию изображения, благодаря чему мозг моделирует более высокую частоту кадров при половине стоимости пропускной способности.

При работе с чересстрочными экранами избегайте очень быстрого перемещения по экрану и убедитесь, что анимированные детали шире 1 пикселя, чтобы уменьшить мерцание.

Примеры

HTML

<p>This is a test.</p>

CSS

p {
  padding: 10px;
  border: solid;
}

@media screen and (scan: interlace) {
  p {
    background: #f4ae8a;
  }
}
@media screen and (scan: progressive) {
  p {
    text-decoration: underline;
  }
}
@media not screen and (scan: progressive) {
  p {
    border-style: dashed;
  }
}
@media not screen and (scan: interlaced) {
  p {
    color: purple;
  }
}

Результат

Спецификации

Спецификация не найдена

Данные спецификации для css.at-rules.media.scan не найдены.
Проверить наличие проблем на этой странице или внести недостающую spec_url в mdn/browser-compat-data. Также убедитесь, что спецификация включена в w3c/browser-specs.

Совместимость с браузерами

См. также

Правило @media, которое используется для указания выражения сканирования.
Использование медиа-запросов, чтобы понять, когда и как использовать медиа-запрос.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/scan