Variables d'environnement CSS

Le module des variables d'environnement CSS définit le concept de variables d'environnement et la fonction env(). Les variables d'environnement fonctionnent de manière similaire aux propriétés personnalisées et à la fonction var(), sauf qu'elles sont définies globalement ; ce sont des variables globales accessibles dans tout le document. Ce sont des valeurs fournies par l'agent utilisateur, par le navigateur ou le système d'exploitation, que vous pouvez utiliser avec la fonction env(), ce qui vous permet d'adapter vos styles à l'appareil ou au contexte de l'utilisateur·ice.

Les variables d'environnement fournissent des valeurs qui peuvent être utilisées sur la page en fonction des informations auxquelles l'agent utilisateur a accès, telles que la taille de la barre de titre, du clavier dynamique et des marges de la zone sûre. Les marges de la zone sûre définissent un rectangle qui est garanti d'être visible sur les écrans non rectangulaires, en fonction de sa distance par rapport aux bords de la zone d'affichage. Vous pouvez inclure les tailles de l'agent utilisateur dans vos styles, ce qui vous permet de modifier la disposition du contenu essentiel en fonction de l'espace disponible à l'intérieur du rectangle de la zone sûre, à côté d'un clavier dynamique visible ou à proximité d'une barre de titre visible.