Skip to content

Commit 1680a41

Browse files
committed
[css-align-3] Define that justify-self affects automatic sizes the same for block, flex, or grid items. w3c#12102
1 parent 0624498 commit 1680a41

1 file changed

Lines changed: 9 additions & 1 deletion

File tree

css-align-3/Overview.bs

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1470,7 +1470,12 @@ Inline-Axis (or Main-Axis) Self-Alignment: the 'justify-self' property</h3>
14701470
<tr>
14711471
<th>Other Details
14721472
<td>
1473-
In terms of CSS2.1 block-level formatting [[!CSS2]],
1473+
The [=automatic size=] of a [=block-level box=]
1474+
whose 'justify-self' is not ''justify-self/normal''
1475+
is equivalent to ''fit-content''
1476+
(rather than e.g. ''width/stretch'', as is typical for a [=non-replaced=] [=block-level box=]).
1477+
Additionally,
1478+
in terms of CSS2.1 block-level formatting [[!CSS2]],
14741479
the rules for “over-constrained” computations in <a href="https://www.w3.org/TR/CSS2/visudet.html#blockwidth">section 10.3.3</a>
14751480
are ignored in favor of alignment as specified here
14761481
and the used value of the margin properties are therefore not adjusted to correct for the over-constraint.
@@ -2546,6 +2551,9 @@ Changes</h2>
25462551
(<a href="https://github.com/w3c/csswg-drafts/issues/11937">Issue 11937</a>)
25472552
* Defined anonymous block boxes to always act like ''justify-self: normal''.
25482553
(<a href="https://github.com/w3c/csswg-drafts/issues/11461">Issue 11461</a>)
2554+
* Defined that 'justify-self' affects the [=automatic size=] of block-level boxes
2555+
the same way it does for flex and grid items.
2556+
(<a href="https://github.com/w3c/csswg-drafts/issues/12102">Issue 12102</a>)
25492557

25502558
See also <a href="https://www.w3.org/TR/2025/WD-css-align-3-20250311/#changes">previous changes</a>.
25512559

0 commit comments

Comments
 (0)