The container-name property assigns name(s) to query containers — enables @container queries to target specific containers rather than the nearest ancestor..sidebar {
container-name: side;
}.panel {
container-name: panel main;
}
@container side (min-width: 400px) { ... }noneThe default value. Container has no name.CSS Conditional Rules Module Level 5Working Draft<custom-ident>W3CMDN