1. CSS Environment Variables env()

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

  2. 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.

  3. 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`

  4. 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".

  5. elementinternals api: ariaposinset

  6. element api: ariaposinset

  7. css property: box-shadow: `inset`

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

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

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

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

  12. css property: inset

  13. css property: inset-block

  14. css property: inset-block-end

  15. css property: inset-block-start

  16. css property: inset-inline

  17. css property: inset-inline-end

  18. css property: inset-inline-start

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

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