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 bezogen sind. Es handelt sich um Benutzeragenten-Werte, die vom Browser oder Betriebssystem bereitgestellt werden und 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 verwendet werden können, auf die der Benutzeragent Zugriff hat, wie die Größe der Titelleiste, die dynamische Tastatur und die sicheren Bereichseinsätze. Sichere Bereichseinsätze definieren ein Rechteck, das auf nicht-rechteckigen Displays garantiert sichtbar ist, basierend auf dem Abstand zu den Rändern des Ansichtsfensters. Sie können die Größen des Benutzeragenten in Ihre Styles einbeziehen, sodass Sie das Layout von wesentlichem Inhalt anhand des verfügbaren Raums innerhalb des sicheren Bereichsrechtecks, neben einer sichtbaren dynamischen Tastatur oder in der Nähe einer sichtbaren Titelleiste, ändern können.