CSS/Funktionen/env()

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.

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);
}

Abgerufen am 6.12.2025
von "http://wiki.selfhtml.org/wiki/CSS/Funktionen/env()"