CSS environment variables

Module CSS environment variables định nghĩa khái niệm environment variables và hàm env(). Environment variables hoạt động tương tự như custom properties và hàm var(), ngoại trừ chúng được định nghĩa toàn cục; chúng là các biến toàn cục có phạm vi trên toàn bộ tài liệu. Chúng là các giá trị user agent, được cung cấp bởi trình duyệt hoặc hệ điều hành, mà bạn có thể truy cập bằng hàm env(), cho phép bạn điều chỉnh styles của mình theo thiết bị hoặc ngữ cảnh của người dùng.

Environment variables cung cấp các giá trị có thể được sử dụng trên trang dựa trên thông tin mà user agent có quyền truy cập, chẳng hạn như kích thước thanh tiêu đề, bàn phím động và safe area insets. Safe area insets xác định một hình chữ nhật được đảm bảo hiển thị trên các màn hình không hình chữ nhật, dựa trên khoảng cách của nó từ các cạnh của viewport. Bạn có thể đưa kích thước user-agent vào styles của mình, cho phép bạn sửa đổi layout của nội dung thiết yếu dựa trên không gian có sẵn bên trong hình chữ nhật safe area, cạnh bàn phím động hiển thị hoặc liền kề thanh tiêu đề hiển thị.