light-level

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

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 4
La définition de 'light-level' dans cette spécification.
Candidat au statut de recommandation Repoussée dans la spécification de niveau 5 sur les requêtes média.

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

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

 

Étiquettes et contributeurs liés au document

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