The container-type property establishes an element as a query container — sets which @container queries can target it. inline-size is most common (typical for responsiveness)..card {
container-type: inline-size;
}.panel {
container-type: size scroll-state;
}normalThe default value. Not a query container.sizeSize query container on both axes.inline-sizeSize query container on inline axis only (doesn't disrupt layout).scroll-stateScroll-state query container.CSS Conditional Rules Module Level 5Working DraftW3CMDN
