1. CSS Container Queries (Size)

    Size queries in Container Queries provide a way to query the size of a container, and conditionally apply CSS to the content of that container.

  2. CSS Container Style Queries

    Style queries in Container Queries provide a way to query the current styling of a container, and conditionally apply additional CSS to the contents of that container.

  3. css at-rule: `@container`: anchor position queries (`anchored()`)

  4. css at-rule: `@container`: anchor position queries (`anchored()`): `fallback` feature

  5. css at-rule: `@container`: anchor position queries (`anchored()`): `fallback` feature: `any` query value

  6. css at-rule: `@container`: `<container-query>` is optional (allows name-only queries)

  7. css at-rule: `@container`: scroll-state queries

  8. css at-rule: `@container`: scroll-state queries: scrollable

  9. css at-rule: `@container`: scroll-state queries: scrolled

  10. css at-rule: `@container`: scroll-state queries: snapped

  11. css at-rule: `@container`: scroll-state queries: stuck

  12. css at-rule: `@container`: style queries for custom properties

  13. css at-rule: `@container`: style queries for custom properties: range syntax

  14. css property: container-name: name-only container queries

  15. css property: container-type: name-only container queries

  16. css property: container: name-only container queries