The CSS Propertie container

The container shorthand sets container-name + container-type (after /) together. Makes an element a query container (container queries).

.sidebar { container: side / inline-size; }

.panel { container: panel / size scroll-state; }

noneNo name.

normalNot a query container.

sizeSize query container on both axes.

inline-sizeSize query container on inline axis.

scroll-stateScroll-state query container.

CSS Conditional Rules Module Level 5

Working Draft

A header

Resize the page to see the effect.

Show all code