light-level

light-level est une caractéristique média CSS qui permet de vérifier le niveau de luminosité ambiante.

Valeurs possibles

Valeur Signification
dim
 
L'appareil est utilisé dans un environnement où la luminosité est faible et où un contraste excessif ou une luminosité trop importante serait gênante pour le lecteur. Cela correspond par exemple à une lecture de nuit ou à un environnement intérieur tamisé.
normal
 
L'appareil est utilisé dans un environnement où le niveau de lumière est idéal pour le rendu de l'écran, aucun ajustement n'est nécessaire.
washed
 
L'appareil est utilisé dans un environnement très lumineux ce qui rend l'écran difficile à lire. Cela correspond à une utilisation extérieure avec un soleil fort.

Exemples

Attention : Selon la compatibilité des appareils actuels, il est possible que ce fragment de code ne fonctionne pas sur certains.

@media (light-level: normal) {
  p { background: url("texture.jpg"); color: #333 }
}
@media (light-level: dim) {
  p { background: #222; color: #ccc }
}
@media (light-level: washed) {
  p { background: white; color: black; font-size: 2em; }
}

Spécifications

Spécification État Commentaires
Media Queries Level 4
La définition de 'light-level' dans cette spécification.
Version de travail Repoussée dans la spécification de niveau 5 sur les requêtes média.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple ? ? ? ? ?
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple ? ? ? ? ?

 

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,