Skip to content

Commit 27e3d27

Browse files
Shrinivassabestellegithub-actions[bot]
authored
Clarify container queries always use content box (fix #40306) (#40450)
* Clarify container queries always use content box (fix #40306) * Apply suggestions from code review Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Added the changes in one place --------- Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 parent dbe0195 commit 27e3d27

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

files/en-us/web/css/@container/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ The `<container-condition>` queries include [size](#size_container_descriptors)
127127

128128
#### Size container descriptors
129129

130-
The `<container-condition>` can include one or more boolean size queries, each within a set of parentheses. A size query includes a size descriptor, a value, and — depending on the descriptor — a comparison operator. The syntax for including multiple conditions is the same as for [`@media`](/en-US/docs/Web/CSS/@media) size feature queries.
130+
The `<container-condition>` can include one or more boolean size queries, each within a set of parentheses. A size query includes a size descriptor, a value, and — depending on the descriptor — a comparison operator. The queries always measures the [content box](/en-US/docs/Web/CSS/box-edge#content-box) as the comparison. The syntax for including multiple conditions is the same as for [`@media`](/en-US/docs/Web/CSS/@media) size feature queries.
131131

132132
```css
133133
@container (min-width: 400px) {

0 commit comments

Comments
 (0)