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

Syntaxe

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 5
La définition de 'light-level' dans cette spécification.
Brouillon de l'éditeur Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simple
ExpérimentaleNon-standard
Chrome Aucun support NonEdge ? Firefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonEdge Mobile ? Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android ?

Légende

Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.

Étiquettes et contributeurs liés au document

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