Skip to content

Commit 824198d

Browse files
committed
[css-align-3] Make text clearer for sizing of abspos double-auto blocks. w3c#1432
1 parent ba35682 commit 824198d

File tree

1 file changed

+14
-6
lines changed

1 file changed

+14
-6
lines changed

css-align-3/Overview.bs

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1706,7 +1706,7 @@ Effects on Sizing of Absolutely Positioned Boxes with Static-Position Insets</h3
17061706
the <a>available space</a> for calculating the <a>inline size</a>
17071707
is also affected by alignment.
17081708

1709-
In [[CSS2]], this is keyed off of the the 'direction' property
1709+
Note: In [[CSS2]], the [=available space=] is keyed off of the the 'direction' property
17101710
of the <a>static-position containing block</a>.
17111711
(See <a href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width">CSS2&sect;10.3.7</a>
17121712
and <a href="https://www.w3.org/TR/CSS2/visudet.html#abs-replaced-width">CSS2&sect;10.3.8</a>.)
@@ -1715,18 +1715,21 @@ Effects on Sizing of Absolutely Positioned Boxes with Static-Position Insets</h3
17151715
to the corresponding edge of the <a>static position rectangle</a>
17161716
and the other to the corresponding edge of the <a>containing block</a>
17171717
(i.e. set the inset to zero).
1718-
17191718
Just as the <a>self-alignment properties</a>
1720-
replace the <a>containing block</a>’s 'direction' for placement,
1721-
they also replace this lookup for sizing.
1719+
replace the <a>containing block</a>’s 'direction' lookup for placement,
1720+
they also replace this lookup for sizing,
1721+
as specified here.
1722+
17221723
Thus,
17231724
when interpreting the rules in
17241725
<a href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width">CSS2&sect;10.3.7</a>
17251726
and <a href="https://www.w3.org/TR/CSS2/visudet.html#abs-replaced-width">CSS2&sect;10.3.8</a>,
17261727
wherever the 'direction' property of the <a>static-position containing block</a> is referenced,
17271728
instead reference the value of the 'align-self' or 'justify-self' property
17281729
(whichever is defined to apply to the relevant axis),
1729-
treating ''justify-self/normal'' as ''start''
1730+
treating left-equivalent alignment as defined for ''ltr''
1731+
and right-equivalent alignment as defined for ''rtl''.
1732+
Treat ''justify-self/normal'' as ''start''
17301733
and any <a>distributed alignment</a> value as its <a>fallback alignment</a>.
17311734

17321735
In the case of ''justify-self/center'' alignment,
@@ -1747,7 +1750,8 @@ Effects on Sizing of Absolutely Positioned Boxes with Static-Position Insets</h3
17471750
Instead of always sizing
17481751
within the available space between
17491752
the <a>inline-start</a> <a>static position</a>
1750-
and the <a>inline-end</a> <a>containing block</a> edge,
1753+
and the <a>inline-end</a> <a>containing block</a> edge
1754+
as specified in [[CSS2]],
17511755
an absolutely-positioned element with ''left/auto'' insets
17521756
will be sized with reference to
17531757
the <a>static position rectangle</a>’s edge(s)
@@ -1777,6 +1781,10 @@ Effects on Sizing of Absolutely Positioned Boxes with Static-Position Insets</h3
17771781
with <a>stretch-fit sizing</a> (consuming all of the <a>available space</a>).
17781782
This is an independent effect from the available space adjustment here.
17791783

1784+
Note: This only affect how [=available space=] is calculated
1785+
for sizing the absolutely-positioned box;
1786+
its alignment is as specified in previous sections.
1787+
17801788
<!--
17811789
████ ████████ ████████ ██ ██ ██████
17821790
██ ██ ██ ██ ██ ███ ███ ██ ██

0 commit comments

Comments
 (0)