<env>
A function that allows you to use environment variables defined by the browser, most commonly used to handle 'safe areas' on devices with notches or rounded corners.
Quick example
.container {
/* Adds padding to avoid the 'notch' on mobile devices */
padding-top: env(safe-area-inset-top);
}<env> Browser Support
Widely available Since 2020 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
Safe to use without fallbacks.
69+
65+
11.1+
79+