Container name

Names a query container so queries can target it.

What does container-name do?

container-name names a query container so a query can target that one specifically.

.sidebar { container: sidebar / inline-size; }
@container sidebar (min-width: 300px) { .widget { padding: 24px; } }

Level: Freelancer · More CSS terms at this level

Updated September 27, 2026