scan

Das scan CSS Medienmerkmal wird verwendet, um CSS-Stile basierend auf dem Scanprozess des Ausgabegeräts anzuwenden.

Syntax

Das scan Merkmal wird als einer der folgenden Schlüsselwortwerte angegeben:

interlace: Das Ausgabegerät verwendet "interlaced" Rendering, bei dem Videoframes abwechselnd nur die "geraden" Zeilen auf dem Bildschirm und nur die "ungeraden" Zeilen spezifizieren.
progressive: Das Ausgabegerät rendert Inhalte auf dem Bildschirm ohne spezielle Behandlung.

Beschreibung

Die meisten modernen Bildschirme (und alle Computerbildschirme) verwenden das progressive Rendering und zeigen jeden Bildschirm vollständig ohne spezielle Behandlung an.

Interlacing wurde von CRT-Monitoren und einigen Plasma-Fernsehern verwendet, um den Anschein von schnelleren Frames pro Sekunde (FPS) zu ermöglichen, während die Bandbreite reduziert wird. Beim Interlacing wechseln sich Videoframes ab, um die geraden und ungeraden Zeilen auf dem Bildschirm zu rendern. Dabei wird nur die Hälfte des Bildschirms für jeden Frame heruntergeladen und gerendert, wobei die menschliche Fähigkeit zur Bildglättung ausgenutzt wird, sodass das Gehirn eine Übertragung mit höherer FPS zu halben Bandbreitenkosten simuliert.

Wenn Sie interlaced Bildschirme anvisieren, vermeiden Sie sehr schnelle Bewegungen über den Bildschirm und stellen Sie sicher, dass animierte Details breiter als 1px sind, um Flackern zu reduzieren.

Beispiele

HTML

html

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

CSS

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;
  }
}

Ergebnis

Spezifikationen

No specification found

No specification data found for css.at-rules.media.scan.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Die @media At-Regel, die verwendet wird, um den Ausdruck für das Scannen anzugeben.
Verwendung von Media Queries, um zu verstehen, wann und wie eine Media Query verwendet wird.