<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.
Syntax
/* Usage 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.
69+
65+
11.1+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more