Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 6 additions & 8 deletions css-contain-3/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ spec:css-break-3; type:dfn; text:fragmentation context
spec:css-break-3; type:dfn; text:fragmented flow
spec:css-contain-2; type:dfn; text:layout containment box
spec:css-contain-2; type:dfn; text:size containment box
spec:css-pseudo-4; type:dfn; text:fictional tag sequence
spec:css-sizing-4; type:property; text:contain-intrinsic-size
spec:css-sizing-4; type:property; text:aspect-ratio
spec:intersection-observer; type:dfn; text:intersection root
Expand All @@ -38,7 +39,6 @@ spec:css-sizing-3; type:dfn; text:width
spec:css-sizing-3; type:property; text:height
spec:css-sizing-3; type:dfn; text:height
spec:css-sizing-3; type:dfn; text:size
spec:css-syntax-3; type:dfn; text:identifier
spec:css-values-4; type:dfn; text:relative length
spec:web-animations-1; type:dfn; text:effect values
</pre>
Expand Down Expand Up @@ -711,7 +711,6 @@ Container Features</h2>
Size Container Features</h3>

A <dfn export>container size query</dfn>
(syntactically represented as <<size-query>>)
allows querying
the size of the [=query container=]’s [=principal box=].
It is a boolean combination of
Expand All @@ -720,7 +719,7 @@ Size Container Features</h3>
The syntax of a <dfn><<size-feature>></dfn> is the same as for a [=media feature=]:
a feature name, a comparator, and a value.
[[mediaqueries-5]]
The boolean syntax and logic combining [=size features=] into a <<size-query>>
The boolean syntax and logic combining [=size features=] into a [=container size query|size query=]
is the same as for [=CSS feature queries=].
(See ''@supports''. [[!CSS-CONDITIONAL-3]])

Expand Down Expand Up @@ -849,20 +848,19 @@ Orientation: the '@container/orientation' feature</h4>
<dl dfn-type=value dfn-for="@container/orientation">
<dt><dfn>portrait</dfn>
<dd>
The 'orientation' [=container feature=] is ''portrait''
The '@container/orientation' [=container feature=] is ''portrait''
when the value of the '@container/height' [=container feature=]
is greater than or equal to
the value of the '@container/width' [=container feature=].
<dt><dfn>landscape</dfn>
<dd>Otherwise 'orientation' is ''landscape''.
<dd>Otherwise '@container/orientation' is ''landscape''.
</dl>


<h3 id="style-container">
Style Container Features</h3>

A <dfn export>container style query</dfn>
(syntactically represented by <<style-query>>)
allows querying
the [=computed values=] of the [=query container=].
It is a boolean combination of
Expand All @@ -876,7 +874,7 @@ Style Container Features</h3>
(which is also [=computed value|computed=] with respect to the [=query container=]),
unknown if the property or its value is invalid or unsupported,
and false otherwise.
The boolean syntax and logic combining [=style features=] into a <<style-query>>
The boolean syntax and logic combining [=style features=] into a [=container style query|style query=]
is the same as for [=CSS feature queries=].
(See ''@supports''. [[!CSS-CONDITIONAL-3]])

Expand Down Expand Up @@ -1043,7 +1041,7 @@ Changes since the 21 December 2021 First Public Working Draft</h3>
* Remove the <<string>> option from the 'container-name' syntax.
Container names must be <<custom-ident>>s.
(<a href="https://github.com/w3c/csswg-drafts/issues/6405">Issue 6405</a>)
* Reverse the order of <<container-name>> and <<container-type>>
* Reverse the order of <<'container-name'>> and <<'container-type'>>
in the 'container' shorthand property, with both being optional.
(<a href="https://github.com/w3c/csswg-drafts/issues/6393">Issue 6393</a>)
* Allow <<general-enclosed>> syntax in <<container-condition>>s,
Expand Down