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.

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.

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

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

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

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

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

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

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

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

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

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