<?xml version="1.0" encoding="UTF-8"?>
<feature id="safe-area-inset"><name>Safe area inset environment variables</name><description>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.</description><group>environment-variables</group><group_name>CSS environment variables</group_name><baseline><status>widely</status><low_date>2020-01-15</low_date><high_date>2022-07-15</high_date></baseline><support><browser name="chrome" version="69" supported="true"></browser><browser name="firefox" version="65" supported="true"></browser><browser name="safari" version="11.1" supported="true"></browser><browser name="edge" version="79" supported="true"></browser><browser name="chrome_android" version="69" supported="true"></browser><browser name="firefox_android" version="65" supported="true"></browser><browser name="safari_ios" version="11.3" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-env-1/#safe-area-insets</spec></specifications><caniuse><id>css-env-function</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/env</mdn_url><compat_features><key>css.types.env</key><key>css.types.env.safe-area-inset-bottom</key><key>css.types.env.safe-area-inset-left</key><key>css.types.env.safe-area-inset-right</key><key>css.types.env.safe-area-inset-top</key></compat_features><canonical_url>https://nowyoucanuse.com/features--safe-area-inset.html</canonical_url></feature>