CSS/Funktionen/env()

Browserunterstützung
caniuse.com

Die CSS-Funktion env() (von engl. environment variable) kann verwendet werden, um den Wert einer vom User-Agent definierten Umgebungsvariablen in Ihr CSS einzufügen, ähnlich wie bei der Funktion var() und benutzerdefinierten Eigenschaften. Der Unterschied besteht darin, dass Umgebungsvariablen nicht vom Autor, sondern vom User-Agent definiert werden und global für ein Dokument gelten, während benutzerdefinierte Eigenschaften nur für das Element oder die Elemente gelten, für die sie deklariert wurden.

anwendbar auf

 

Parameter

<env()> = env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )

Beispiel

body {
  padding: env(safe-area-inset-top, 20px) 
    env(safe-area-inset-right, 20px)
    env(safe-area-inset-bottom, 20px) 
    env(safe-area-inset-left, 20px);
}

 

Weblinks

• W3C: #env-function
• MDN: env()
• Browser-Support: caniuse.com