CSS Environment Variables env()

Usage of environment variables like `safe-area-inset-top`.

CSS Logical Properties

Logical properties and values provide control of layout through logical, rather than physical, direction and dimension mappings. These properties are `writing-mode` relative equivalents of their corresponding physical properties.

CSS Shapes Level 1

Allows geometric shapes to be set in CSS to define an area for text to flow around. Includes properties `shape-outside`, `shape-margin` and `shape-image-threshold`

Portals

Portals enable seamless navigation between sites or pages. A new page can be loaded as an inset using the `<portal>` element (similar to an iframe) which can then seamlessly transition to the new navigated state when "activated".

elementinternals api: ariaposinset

element api: ariaposinset

css property: border-style: inset

css property: box-shadow: `inset`

css property: --*: `env()`: safe area inset variable `safe-area-inset-bottom`

css property: --*: `env()`: safe area inset variable `safe-area-inset-left`

css property: --*: `env()`: safe area inset variable `safe-area-inset-right`

css property: --*: `env()`: safe area inset variable `safe-area-inset-top`

css property: inset

css property: inset-block

css property: inset-block-end

css property: inset-block-end: auto

css property: inset-block-start

css property: inset-block-start: auto

css property: inset-block: auto

css property: inset-inline

css property: inset-inline-end

css property: inset-inline-end: auto

css property: inset-inline-start

css property: inset-inline-start: auto

css property: inset-inline: auto

css property: inset: auto

css property: outline-style: inset

css property: shape-outside: `inset()`

css property: view-timeline-inset

css property: view-timeline-inset: auto

types: `<basic-shape>`: `inset()`