Skip to content

Commit 92cbf50

Browse files
committed
[css-align] Clarify that boxes not in a shared alignment context can't baseline-align.
1 parent efdefe2 commit 92cbf50

File tree

1 file changed

+12
-5
lines changed

1 file changed

+12
-5
lines changed

css-align/Overview.bs

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -298,9 +298,9 @@ Baseline Alignment: the ''baseline'' and ''last-baseline'' keywords</h3>
298298
within a <a>shared alignment context</a>
299299
(such as cells within a row or column)
300300
by matching up their <a>alignment baselines</a>.
301-
If the <a>alignment subject</a>’s position is not fully determined by <a>baseline alignment</a>--
302-
or if it has no <a>natural baseline</a> in the appropriate axis--
303-
the <a>alignment subject</a> is fallback-aligned insofar as possible while preserving the <a>baseline alignment</a>.
301+
If an <a>alignment subject</a>’s position is not fully determined by <a>baseline alignment</a>
302+
it and the other participants in its <a>baseline-sharing group</a>
303+
are fallback-aligned insofar as possible while preserving their <a>baseline alignment</a>.
304304

305305
The baseline alignment keywords are:
306306

@@ -362,6 +362,9 @@ Baseline Alignment: the ''baseline'' and ''last-baseline'' keywords</h3>
362362
Note: The 'vertical-align' property will also need a ''first-baseline'' value
363363
because per CSS2.1 for inline blocks, ''baseline'' is equivalent to ''last-baseline''.
364364

365+
If a box has no <a>natural baseline</a> in the appropriate axis
366+
or does not belong to a <a>shared alignment context</a>,
367+
then the <a>fallback alignment</a> is used.
365368

366369
<h3 id='distribution-values'>
367370
Distributed Alignment: the ''<content-distribution>/stretch'', ''space-between'', ''space-around'', and ''space-evenly'' keywords</h3>
@@ -1433,8 +1436,12 @@ Baseline Alignment Terminology</h3>
14331436
<li>flex items in the same flex line, along the flex container's main axis
14341437
</ul>
14351438

1436-
Note: The inline-level boxes on a line box also share an alignment context and participate in a baseline-sharing group;
1437-
however this is detailed in the CSS Inline Layout module, not here.
1439+
Note: Conceptually,
1440+
the inline-level boxes on a line box also share a self-alignment context
1441+
and participate in a baseline-sharing group;
1442+
however they only baseline-align in response to the 'vertical-align' property,
1443+
not any of the properties defined in this module.
1444+
See [[CSS-INLINE-3]].
14381445

14391446
Boxes in a <a>baseline-sharing group</a> are aligned to each other
14401447
using their <dfn export>alignment baseline</dfn>.

0 commit comments

Comments
 (0)