scan

Syntaxe

La caractéristique scan se définit à l'aide de l'une des valeurs-clés suivantes :

interlace

Le périphérique de sortie utilise un rendu « entrelacé », où les images vidéo alternent entre l'affichage des lignes « paires » et « impaires » de l'écran.

progressive

Le périphérique de sortie affiche le contenu à l'écran sans traitement particulier.

Description

La plupart des écrans modernes (et tous les écrans d'ordinateur) utilisent le rendu progressif, affichant chaque image entièrement sans traitement particulier.

L'entrelacement était utilisé par les moniteurs CRT et certains téléviseurs plasma pour donner l'impression d'un nombre d'images par seconde (IPS) plus élevé tout en réduisant la bande passante. Avec l'entrelacement, les images vidéo alternent entre l'affichage des lignes paires et impaires de l'écran, ne téléchargeant et n'affichant que la moitié de l'image à chaque fois. Cela exploite la capacité du cerveau humain à lisser les images, simulant ainsi une diffusion à IPS plus élevé pour un coût en bande passante réduit de moitié.

Lorsque vous ciblez des écrans entrelacés, évitez les mouvements très rapides à l'écran et assurez-vous que les détails animés font plus d'1px de large pour réduire le scintillement.

Exemples

HTML

<p>Ceci est un 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;
  }
}

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• La règle at @media, qui permet d'utiliser l'expression scan.
• Utiliser les requêtes média pour comprendre quand et comment utiliser une requête média.