Safe area inset environment variables

baseline logo Widely available

The safe-area-inset- CSS environment variables represent a rectangle that cannot cut off content within a non-rectangular screen. For example, top:\ env(safe-area-inset-top); positions the top of an element below the notch on an iPhone.

Notes

Support data provided by: BCD logo

Know something we don't?

Is any of the above data outdated? Or do you want to add a new WebView to the list? Heads on to GitHub and edit the data file!

Not comfortable with GitHub? Send us an email.

Please help us keeping this data updated

This feature was documented on January 15, 2020.