CSS-Umgebungsvariablen

Das CSS-Umgebungsvariablen-Modul definiert das Konzept der Umgebungsvariablen und die env()-Funktion. Umgebungsvariablen funktionieren ähnlich wie benutzerdefinierte Eigenschaften und die var()-Funktion, außer dass sie global definiert sind; sie sind globale Variablen, die auf das gesamte Dokument beschränkt sind. Sie sind Werte von Benutzeragenten, die vom Browser oder Betriebssystem bereitgestellt werden und auf die Sie mit der env()-Funktion zugreifen können, sodass Sie Ihre Stile an das Gerät oder den Kontext des Benutzers anpassen können.

Umgebungsvariablen liefern Werte, die basierend auf Informationen, auf die der Benutzeragent Zugriff hat, auf der Seite verwendet werden können, wie zum Beispiel die Größe der Titelleiste, die dynamische Tastatur und die Ränder des sicheren Bereichs. Die Ränder des sicheren Bereichs definieren ein Rechteck, das auf nicht-rechteckigen Bildschirmen sichtbar ist, basierend auf seinem Abstand zu den Rändern des Ansichtsfensters. Sie können die Benutzeragentengrößen in Ihre Stile einbeziehen, sodass Sie das Layout von wesentlichen Inhalten basierend auf dem verfügbaren Platz innerhalb des sicheren Bereichsrechtecks anpassen können, neben einer sichtbaren dynamischen Tastatur oder neben einer sichtbaren Titelleiste.