[css-align] Add a 'normal' value which acts like start/stretch depending on layout ode, to remove *-items' computed-value dependency on 'display'.

Author: tabatkins

css-align/Overview.bs

@@ -669,7 +669,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 
 	<pre class="propdef">
 	Name: justify-self
-	Value: auto | stretch | <<baseline-position>> | [ <<overflow-position>>? && <<self-position>> ]
+	Value: auto | normal | stretch | <<baseline-position>> | [ <<overflow-position>>? && <<self-position>> ]
 	Initial: auto
 	Applies to: block-level boxes, absolutely-positioned boxes, and grid items
 	Inherited: no
@@ -684,10 +684,12 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 	<a href="#alignment-values">as described by its alignment value</a>.
 
 	The <dfn value for="justify-self">auto</dfn> keyword computes to
-	itself on absolutely-positioned elements,
-	and to the computed value of 'justify-items' on the parent
-	(minus any ''legacy'' keywords) on all other boxes,
+	the computed value of 'justify-items' on the parent
+	(minus any ''legacy'' keywords),
 	or ''start'' if the box has no parent.
+
+	The <dfn value for="justify-self">normal</dfn> keyword
+	represents the "default" alignment for the layout mode.
 	Its behavior depends on the layout model, as described below.
 
 	When the box’s computed 'width'/'height' (as appropriate to the axis) is ''width/auto''
@@ -722,6 +724,8 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 
 			This property does not apply to floats.
 
+			''justify-self/normal'' behaves as ''justify-self/start''.
+
 
 		<dt>Absolutely-positioned Boxes:
 		<dd>
@@ -732,7 +736,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 			'justify-self' has no effect.
 			Otherwise, its effects are defined below.
 
-			The ''justify-self/auto'' keyword behaves as ''start'' on replaced absolutely-positioned boxes,
+			The ''justify-self/normal'' keyword behaves as ''start'' on replaced absolutely-positioned boxes,
 			and behaves as ''justify-self/stretch'' on all other absolutely-positioned boxes.
 			(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)
 
@@ -768,6 +772,8 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 			The <a>alignment container</a> is the <a>grid area</a>.
 			The <a>alignment subject</a> is the <a>grid item</a>’s margin box.
 			The default <a>overflow alignment</a> is ''true''.
+
+			''justify-self/normal'' behaves as ''justify-self/stretch''.
 	</dl>
 
 	<div class="example">
@@ -784,7 +790,7 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 
 	<pre class="propdef">
 	Name: align-self
-	Value: auto | stretch | <<baseline-position>> | [ <<overflow-position>>? && <<self-position>> ]
+	Value: auto | normal | stretch | <<baseline-position>> | [ <<overflow-position>>? && <<self-position>> ]
 	Initial: auto
 	Applies to: flex items, grid items, and absolutely-positioned boxes
 	Inherited: no
@@ -799,10 +805,11 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 	<a href="#alignment-values">as described by its alignment value</a>.
 
 	The <dfn value for="align-self">auto</dfn> keyword computes to
-	itself on absolutely-positioned elements,
-	and to the computed value of 'align-items' on the parent
-	on all other boxes,
-	or ''align-self/start'' if the box has no parent.
+	the computed value of 'align-items' on the parent
+	or ''start'' if the box has no parent.
+
+	The <dfn value for="align-self">normal</dfn> keyword
+	represents the "default" alignment for the layout mode.
 	Its behavior depends on the layout model, as described for 'justify-self'.
 
 	The ''align-self/stretch'' keyword is as defined in [[#justify-self-property]].
@@ -818,6 +825,8 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 			(including floats),
 			because there is more than one item in the <a>block axis</a>.
 
+			''align-self/normal'' behaves as ''start''.
+
 		<dt>Absolutely-positioned Boxes:
 		<dd>
 			The 'align-self' property applies along its containing block's <a>block axis</a>.
@@ -844,7 +853,7 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 			are ignored in favor of alignment as specified here
 			and the used value of the offset properties are not adjusted to correct for the over-constraint.
 
-			The ''align-self/auto'' keyword behaves as ''start'' on replaced absolutely-positioned boxes,
+			The ''align-self/normal'' keyword behaves as ''start'' on replaced absolutely-positioned boxes,
 			and behaves as ''align-self/stretch'' on all other absolutely-positioned boxes.
 			(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)
 
@@ -862,13 +871,17 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 			The default <a>overflow alignment</a> is ''true''.
 			See [[!CSS3-FLEXBOX]] for details.
 
+			''align-self/normal'' behaves as ''align-self/stretch''.
+
 		<dt>Grid Items:
 		<dd>
 			The 'align-self' property applies along the grid's <a>column axis</a>.
 
 			The <a>alignment container</a> is the <a>grid area</a>.
 			The <a>alignment subject</a> is the <a>grid item</a>’s margin box.
 			The default <a>overflow alignment</a> is ''true''.
+
+			''align-self/normal'' behaves as ''align-self/stretch''.
 	</dl>
 
 <h3 id="baseline-align-self">
@@ -933,7 +946,7 @@ Inline/Main-Axis Alignment: the 'justify-items' property</h3>
 
 	<pre class="propdef">
 	Name: justify-items
-	Value: auto | stretch | <<baseline-position>> | [ <<self-position>> && <<overflow-position>>? ] | [ legacy && [ ''<content-position>/left'' | ''<content-position>/right'' | ''<content-position>/center'' ] ]
+	Value: auto | normal | stretch | <<baseline-position>> | [ <<self-position>> && <<overflow-position>>? ] | [ legacy && [ ''<content-position>/left'' | ''<content-position>/right'' | ''<content-position>/center'' ] ]
 	Initial: auto
 	Applies to: block containers and grid containers
 	Inherited: no
@@ -954,12 +967,7 @@ Inline/Main-Axis Alignment: the 'justify-items' property</h3>
 			If the <a>inherited value</a> of ''justify-items'' includes the ''legacy'' keyword,
 			''justify-items/auto'' computes to the <a>inherited value</a>.
 
-			Otherwise, ''justify-items/auto'' computes to:
-
-			<ul>
-				<li>''justify-self/stretch'' for flex containers and grid containers
-				<li>''start'' for everything else
-			</ul>
+			Otherwise, ''justify-items/auto'' computes to ''justify-items/normal''.
 
 		<dt><dfn>legacy</dfn>
 		<dd>
@@ -977,7 +985,7 @@ Block/Cross-Axis Alignment: the 'align-items' property</h3>
 
 	<pre class="propdef">
 	Name: align-items
-	Value: auto | stretch | <<baseline-position>> | [ <<self-position>> && <<overflow-position>>? ]
+	Value: auto | normal | stretch | <<baseline-position>> | [ <<self-position>> && <<overflow-position>>? ]
 	Initial: auto
 	Applies to: block-level elements
 	Inherited: no
@@ -995,12 +1003,7 @@ Block/Cross-Axis Alignment: the 'align-items' property</h3>
 	<dl dfn-type="value" dfn-for="align-items">
 		<dt><dfn>auto</dfn>
 		<dd>
-			Computes to:
-
-			<ul>
-				<li>''align-self/stretch'' for flex containers and grid containers
-				<li>''start'' for everything else
-			</ul>
+			Computes to ''align-items/normal''.
 	</dl>
 
 	Other values have no special handling and are merely passed to 'align-self'.