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, mit dem Unterschied, dass sie global definiert sind; es handelt sich um globale Variablen, die auf das gesamte Dokument beschränkt sind. Sie sind Werte des Benutzeragenten, bereitgestellt vom Browser oder Betriebssystem, auf die Sie mit der env()-Funktion zugreifen können, um Ihre Styles an das Gerät oder den Kontext des Benutzers anzupassen.

Umgebungsvariablen liefern Werte, die auf der Seite basierend auf Informationen genutzt werden können, auf die der Benutzeragent Zugriff hat, wie die Größe der Titelleiste, die dynamische Tastatur und sichere Bereichs-Einrastungen. Sichere Bereichs-Einrastungen definieren ein Rechteck, das auf nicht-rechteckigen Displays sichtbar ist, basierend auf seinem Abstand zu den Rändern des Viewports. Sie können die Größen des Benutzeragenten in Ihre Styles einbinden, wodurch Sie das Layout wesentlicher Inhalte basierend auf dem verfügbaren Platz innerhalb des sicheren Bereichsrechtecks, neben einer sichtbaren dynamischen Tastatur oder neben einer sichtbaren Titelleiste, anpassen können.