CSS-Umgebungsvariablen

Das CSS-Umgebungsvariablen-Modul definiert das Konzept von Umgebungsvariablen und die env()-Funktion. Umgebungsvariablen funktionieren ähnlich wie benutzerdefinierte Eigenschaften und die var()-Funktion, außer dass sie global definiert sind; es handelt sich um globale Variablen, die sich auf das gesamte Dokument beziehen. Es sind Benutzeragent-Werte, die vom Browser oder Betriebssystem bereitgestellt werden und auf die Sie über die env()-Funktion zugreifen können, um Ihre Stile an das Gerät oder den Kontext des Benutzers anzupassen.

Umgebungsvariablen liefern Werte, die auf der Seite verwendet werden können, basierend auf Informationen, auf die der Benutzeragent Zugriff hat, wie z. B. die Größe der Titelleiste, die dynamische Tastatur und die „safe area insets“. Die „safe area insets“ definieren ein Rechteck, das auf nicht-rechteckigen Displays garantiert sichtbar ist, basierend auf seiner Entfernung von den Rändern des Ansichtsbereichs. Sie können die Benutzeragent-Größen in Ihre Stile einbeziehen, sodass Sie das Layout wesentlicher Inhalte basierend auf dem verfügbaren Platz innerhalb des „safe area“-Rechtecks anpassen können, neben einer sichtbaren dynamischen Tastatur oder angrenzend an eine sichtbare Titelleiste.