La fonction CSS env() peut être utilisée afin d'insérer la valeur d'une variable d'environnement dans une règle. Les variables d'environnement sont globales pour un document donné, à la différence des propriétés personnalisées. La fonction env() peut être utilisée afin de remplacer la valeur à différents endroits, à la façon de la fonction var().

La fonction env() peut être utilisé à n'importe quel endroit où une valeur peut être associée à une propriété, à n'importe quel endroit où une valeur peut être utilisée dans un descripteur d'une règle @ et, de façon générale, à n'importe quel endroit où les valeurs CSS sont autorisées.

Syntaxe

env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)

Valeurs

safe-area-inset-top, safe-area-inset-right, safe-area-inset-bottom, safe-area-inset-left
Ces mots-clés sont des variables d'environnement qui définissent un rectangle avec les décalages par rapport à chacun des côtés de la zone d'affichage (viewport) dans lequel on pourra placer du contenu sans que ce dernier puisse être rogné du fait de la forme non rectangulaire de l'affichage.

Syntaxe formelle

env( <custom-ident> [, <declaration-value> ]? )

Spécifications

Spécification État Commentaires
CSS Environment Variables Module Level 1
La définition de 'env()' 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érimentale
Chrome Aucun support NonEdge ? Firefox Support complet 65IE ? Opera ? Safari Support complet 11.1
Support complet 11.1
Aucun support 11 — 11
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : constant
WebView Android ? Chrome Android Support complet 69Edge Mobile ? Firefox Android Support complet 65Opera Android ? Safari iOS Support complet 11.1
Support complet 11.1
Aucun support 11 — 11
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : constant
Samsung Internet Android ?

Légende

Support complet  
Support complet
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.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.

Voir aussi

Étiquettes et contributeurs liés au document

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