[css-align] bikeshed update

Author: tabatkins

css-align/Overview.html

@@ -570,7 +570,7 @@ <h2 class="heading settled heading" data-level=4 id=content-distribution><span c
 		<img alt="Diagram showing that the alignment of the content within the element is affected." height=212 src=images/content-example.svg width=212>
 	</div>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-justify-content>justify-content<a class=self-link href=#propdef-justify-content></a></dfn>, <dfn class=css-code data-dfn-type=property data-export="" id=propdef-align-content>align-content<a class=self-link href=#propdef-align-content></a></dfn><tr><th>Value:<td>auto | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> <a class="production css-code" data-link-type=type href=#typedef-content-position title="<content-position>">&lt;content-position&gt;</a>? | <a class="production css-code" data-link-type=type href=#typedef-content-position title="<content-position>">&lt;content-position&gt;</a> ] &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>?<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block containers, flex containers, and grid containers<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-justify-content>justify-content<a class=self-link href=#propdef-justify-content></a></dfn>, <dfn class=css-code data-dfn-type=property data-export="" id=propdef-align-content>align-content<a class=self-link href=#propdef-align-content></a></dfn><tr><th>Value:<td class=prod>auto | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> <a class="production css-code" data-link-type=type href=#typedef-content-position title="<content-position>">&lt;content-position&gt;</a>? | <a class="production css-code" data-link-type=type href=#typedef-content-position title="<content-position>">&lt;content-position&gt;</a> ] &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>?<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block containers, flex containers, and grid containers<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
 <p>	Aligns the contents of the box as a whole along the box’s inline/row/main axis.
 	Values other than <dfn class=css-code data-dfn-for="justify-content, align-content" data-dfn-type=value data-export="" id=valuedef-auto0>auto<a class=self-link href=#valuedef-auto0></a></dfn> are <a href=#alignment-values>defined above</a>.
 	If both a <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> and <a class="production css-code" data-link-type=type href=#typedef-content-position title="<content-position>">&lt;content-position&gt;</a> are given,
@@ -686,7 +686,7 @@ <h2 class="heading settled heading" data-level=5 id=self-alignment><span class=s
 <h3 class="heading settled heading" data-level=5.1 id=justify-self-property><span class=secno>5.1 </span><span class=content>
 Inline/Main-Axis Alignment: the <a class=property data-link-type=propdesc href=#propdef-justify-self title=justify-self>justify-self</a> property</span><a class=self-link href=#justify-self-property></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-justify-self>justify-self<a class=self-link href=#propdef-justify-self></a></dfn><tr><th>Value:<td>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block-level boxes, absolutely-positioned boxes, and grid items<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-justify-self>justify-self<a class=self-link href=#propdef-justify-self></a></dfn><tr><th>Value:<td class=prod>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block-level boxes, absolutely-positioned boxes, and grid items<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
 <p>	Justifies the box within its parent along the inline/row/main axis:
 	the box’s outer edges are aligned within its <a data-link-type=dfn href=#alignment-container title="alignment container">alignment container</a>
 	<a href=#alignment-values>as described by its alignment value</a>.
@@ -779,7 +779,7 @@ <h3 class="heading settled heading" data-level=5.1 id=justify-self-property><spa
 <h3 class="heading settled heading" data-level=5.2 id=align-self-property><span class=secno>5.2 </span><span class=content>
 Block/Cross-Axis Alignment: the <a class=property data-link-type=propdesc href=#propdef-align-self title=align-self>align-self</a> property</span><a class=self-link href=#align-self-property></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-align-self>align-self<a class=self-link href=#propdef-align-self></a></dfn><tr><th>Value:<td>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block-level boxes<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-align-self>align-self<a class=self-link href=#propdef-align-self></a></dfn><tr><th>Value:<td class=prod>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block-level boxes<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
 <p>	Aligns the box within its parent along the block/column/cross axis:
 	the box’s outer edges are aligned within its <a data-link-type=dfn href=#alignment-container title="alignment container">alignment container</a>
 	<a href=#alignment-values>as described by its alignment value</a>.
@@ -885,7 +885,7 @@ <h2 class="heading settled heading" data-level=6 id=default-alignment><span clas
 <h3 class="heading settled heading" data-level=6.1 id=justify-items-property><span class=secno>6.1 </span><span class=content>
 Inline/Main-Axis Alignment: the <a class=property data-link-type=propdesc href=#propdef-justify-items title=justify-items>justify-items</a> property</span><a class=self-link href=#justify-items-property></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-justify-items>justify-items<a class=self-link href=#propdef-justify-items></a></dfn><tr><th>Value:<td>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ] | [ legacy &amp;&amp; [ <a class=css data-link-type=maybe href=#valuedef-left title=left>left</a> | <a class=css data-link-type=maybe href=#valuedef-right title=right>right</a> | <a class=css data-link-type=maybe href=#valuedef-center title=center>center</a> ] ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block containers, flex containers, and grid containers<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-justify-items>justify-items<a class=self-link href=#propdef-justify-items></a></dfn><tr><th>Value:<td class=prod>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ] | [ legacy &amp;&amp; [ <a class=css data-link-type=maybe href=#valuedef-left title=left>left</a> | <a class=css data-link-type=maybe href=#valuedef-right title=right>right</a> | <a class=css data-link-type=maybe href=#valuedef-center title=center>center</a> ] ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block containers, flex containers, and grid containers<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
 <p>	This property specifies the default <a class=property data-link-type=propdesc href=#propdef-justify-self title=justify-self>justify-self</a> for all of the boxes
 	(including anonymous boxes)
 	participating in this box’s formatting context.
@@ -917,7 +917,7 @@ <h3 class="heading settled heading" data-level=6.1 id=justify-items-property><sp
 <h3 class="heading settled heading" data-level=6.2 id=align-items-property><span class=secno>6.2 </span><span class=content>
 Block/Cross-Axis Alignment: the <a class=property data-link-type=propdesc href=#propdef-align-items title=align-items>align-items</a> property</span><a class=self-link href=#align-items-property></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-align-items>align-items<a class=self-link href=#propdef-align-items></a></dfn><tr><th>Value:<td>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block-level elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-align-items>align-items<a class=self-link href=#propdef-align-items></a></dfn><tr><th>Value:<td class=prod>auto | <a class=css data-link-type=maybe href=#valuedef-stretch title=stretch>stretch</a> | <a class=css data-link-type=maybe href=#valuedef-baseline title=baseline>baseline</a> | [ <a class="production css-code" data-link-type=type href=#typedef-item-position title="<item-position>">&lt;item-position&gt;</a> &amp;&amp; <a class="production css-code" data-link-type=type href=#typedef-overflow-position title="<overflow-position>">&lt;overflow-position&gt;</a>? ]<tr><th>Initial:<td>auto<tr><th>Applies to:<td>block-level elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
 <p>	This property specifies the default <a class=property data-link-type=propdesc href=#propdef-align-self title=align-self>align-self</a> for all of the boxes
 	(including anonymous boxes)
 	participating in this box’s formatting context.