CSS-Umgebungsvariablen

Das Modul CSS-Umgebungsvariablen definiert das Konzept der Umgebungsvariablen und die env()-Funktion. Umgebungsvariablen funktionieren ähnlich wie benutzerdefinierte Eigenschaften und die var()-Funktion, mit dem Unterschied, dass sie global definiert sind; sie sind globale Variablen, die für das gesamte Dokument gelten. Es handelt sich um Benutzereinstellungswerte, die vom Browser oder Betriebssystem bereitgestellt werden und die Sie mit der env()-Funktion abrufen können, sodass Sie Ihre Styles an das Gerät oder den Kontext des Nutzers anpassen können.

Umgebungsvariablen liefern Werte, die basierend auf Informationen, auf die der User Agent zugreifen kann, auf der Seite verwendet werden können, wie z.B. die Größe der Titelzeile, die dynamische Tastatur und die Randeinzüge des sicheren Bereichs. Randeinzüge des sicheren Bereichs definieren ein Rechteck, das auf nicht-rechteckigen Anzeigen basierend auf seinem Abstand zu den Rändern des Viewports garantiert sichtbar ist. Sie können die Größen des User Agents in Ihre Styles einbeziehen, sodass Sie das Layout wesentlicher Inhalte basierend auf dem verfügbaren Platz innerhalb des Rechteckes des sicheren Bereichs, neben einer sichtbaren dynamischen Tastatur oder in der Nähe einer sichtbaren Titelzeile ändern können.