@@ -330,15 +330,15 @@ Positional Alignment: the ''center'', ''start'', ''end'', ''self-start'', ''self
330330 (to specify default values for 'justify-self' and 'align-self' ).
331331 <pre class='prod'>
332332 <dfn><self-position></dfn> = center | start | end | self-start | self-end |
333- flex-start | flex-end | left | right ;
333+ flex-start | flex-end;
334334 </pre>
335335 <dt> <<content-position>>
336336 <dd>
337337 This set is used by 'justify-content' and 'align-content'
338338 to align the box's contents within itself.
339339
340340 <pre class='prod'>
341- <dfn><content-position></dfn> = center | start | end | flex-start | flex-end | left | right ;
341+ <dfn><content-position></dfn> = center | start | end | flex-start | flex-end;
342342 </pre>
343343 </dl>
344344
@@ -356,7 +356,7 @@ Baseline Alignment: the ''baseline'' keyword and ''first''/''last'' modifiers</h
356356 <dfn export>Baseline alignment</dfn> is a form of positional alignment
357357 that aligns multiple <a>alignment subjects</a>
358358 within a <a>shared alignment context</a>
359- (such as cells within a row or column )
359+ (such as cells within a row) )
360360 by matching up their <a>alignment baselines</a> .
361361 If the position of the <a>alignment subjects</a> within a <a>baseline-sharing group</a>
362362 is not fully constrained by <a>baseline alignment</a>
@@ -651,7 +651,7 @@ The 'justify-content' And 'align-content' Properties</h3>
651651
652652 <pre class="propdef">
653653 Name : align-content
654- Value : normal | <<baseline-position>> | <<content-distribution>> | [ <<overflow-position>>? <<content-position>> ]
654+ Value : normal | <<baseline-position>> | <<content-distribution>> | <<overflow-position>>? <<content-position>>
655655 Initial : normal
656656 Applies to : block containers, multicol containers, flex containers, and grid containers
657657 Inherited : no
@@ -663,7 +663,7 @@ The 'justify-content' And 'align-content' Properties</h3>
663663
664664 <pre class="propdef">
665665 Name : justify-content
666- Value : normal | <<content-distribution>> | [ <<overflow-position>>? <<content-position>> ]
666+ Value : normal | <<content-distribution>> | <<overflow-position>>? [ <<content-position>> | left | right ]
667667 Initial : normal
668668 Applies to : multicol containers, flex containers, and grid containers
669669 Inherited : no
@@ -683,7 +683,7 @@ The 'justify-content' And 'align-content' Properties</h3>
683683 the <a>alignment subject</a> and <a>alignment container</a>
684684 both assume the <a>writing mode</a> of the box the '*-content' property is set on.
685685
686- ### Block Containers ### {#distribution-block}
686+ ### Block Containers (Including Table Cells) ### {#distribution-block}
687687
688688 <table class="data align-details">
689689 <tr>
@@ -884,8 +884,14 @@ Baseline Content-Alignment</h3>
884884 <dt> Table Cells:
885885 <dd>
886886 A <a>table cell</a> participates in first (last) <a>baseline content-alignment</a>
887- in its startmost (endmost) row or column (whichever is parallel to its <a>inline axis</a> )
888- if its computed 'align-content' is ''first baseline'' (''last baseline'' ).
887+ in its startmost (endmost) row
888+ if its inline axis is parallel to that of the table itself and
889+ its computed 'align-content' is ''first baseline'' (''last baseline'' ).
890+
891+ Note: <a>Baseline content-alignment</a>
892+ of cells sharing a column is not supported;
893+ however this may be added in a future level
894+ if there is sufficient demand and implementer interest.
889895
890896 <dt> Flex Items:
891897 <dd>
@@ -941,7 +947,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
941947
942948 <pre class="propdef">
943949 Name : justify-self
944- Value : auto | normal | stretch | <<baseline-position>> | <<overflow-position>>? <<self-position>>
950+ Value : auto | normal | stretch | <<baseline-position>> | <<overflow-position>>? [ <<self-position>> | left | right ]
945951 Initial : auto
946952 Applies to : block-level boxes, absolutely-positioned boxes, and grid items
947953 Inherited : no
@@ -1144,7 +1150,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
11441150 <th> ''justify-self/normal'' Behavior
11451151 <td>
11461152 Behaves as ''flex-start''
1147- (as the fallback for ''justify-self/stretch'' for fixed-size boxes).
1153+ (the fallback of ''justify-self/stretch'' for fixed-size boxes).
11481154 </table>
11491155
11501156### Table Cells ### {#justify-cell}
@@ -1340,7 +1346,7 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
13401346 <th> ''align-self/normal'' Behavior
13411347 <td>
13421348 Behaves as ''flex-start''
1343- (as the fallback for ''align-self/stretch'' for fixed-size boxes).
1349+ (the fallback of ''align-self/stretch'' for fixed-size boxes).
13441350 </table>
13451351
13461352### Table Cells ### {#align-cell}
@@ -1476,7 +1482,7 @@ Inline/Main-Axis Alignment: the 'justify-items' property</h3>
14761482
14771483 <pre class="propdef">
14781484 Name : justify-items
1479- Value : normal | stretch | <<baseline-position>> | [ <<overflow-position>>? <<self-position>> ] | [ legacy || [ ''<content-position>/ left'' | ''<content-position>/ right'' | ''<content-position>/ center'' ] ]
1485+ Value : normal | stretch | <<baseline-position>> | [ <<overflow-position>>? <<self-position>> ] | [ legacy || [ left | right | center ] ]
14801486 Initial : legacy
14811487 Applies to : all elements
14821488 Inherited : no
@@ -1712,7 +1718,7 @@ Baseline Alignment Grouping</h3>
17121718
17131719 <ul>
17141720 <li> table cells in the same row, along the table's row (inline) axis, established by the row box
1715- <li> table cells in the same column, along the table's column (block) axis, established by the column box
1721+ <!--baseline-align-column < li> -->
17161722 <li> grid items in the same row, along the grid's row (inline) axis, established by the <a>grid container</a>
17171723 <li> grid items in the same column, along the grid's column (block) axis, established by the <a>grid container</a>
17181724 <li> flex items in the same flex line, along the flex container's main axis, established by the <a>flex container</a>
@@ -1783,7 +1789,18 @@ Aligning Boxes by Baseline</h3>
17831789<h2 id="changes">
17841790Changes</h2>
17851791
1786- Changes since the <a href="https://www.w3.org/TR/2017/WD-css-align-3-20170407/">previous Working Draft</a> include:
1792+ Changes since the previous Working Draft include:
1793+ <ul>
1794+ <li> Dropped the ''left'' and ''right'' keywords from 'align-self' and 'align-content' .
1795+ They may be re-introduced in a later level if there is demand.
1796+ (<a href="https://github.com/w3c/csswg-drafts/issues/1403">Issue 1403</a> )
1797+ <li> Disabled baseline alignment across cells in a table column,
1798+ due to implementation complexity.
1799+
1800+ <li> A large number of minor corrections and clarifications reported by David Baron.
1801+ </ul>
1802+
1803+ Changes since the <a href="https://www.w3.org/TR/2017/WD-css-align-3-20170407/">7 April 2017 Working Draft</a> include:
17871804 <ul>
17881805 <li> Adding a section to clarify handling of partial implementations.
17891806 (<a href="https://github.com/w3c/csswg-drafts/issues/1167">Issue 1167</a> )
@@ -1810,5 +1827,5 @@ Privacy and Security Considerations</h2>
18101827<h2 class=no-num id="acknowledgments">
18111828Acknowledgments</h2>
18121829
1813- Special thanks goes to Javier Fernandez, Markus Mielke, Alex Mogilevsky,
1830+ Special thanks goes to David Baron, Javier Fernandez, Markus Mielke, Alex Mogilevsky,
18141831 and the participants in the CSSWG's March 2008 F2F alignment discussions.
0 commit comments