Add 'Canonical Order' fields to all the flexbox properties.

--HG--
extra : rebase_source : ace344bc9ebd7662e4780990234eb2903ea56f34

Author: tabatkins

css3-flexbox/Overview.html

@@ -794,6 +794,11 @@ <h3 id=flex-direction><span class=secno>6.1. </span> Flexbox Flow
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex-direction0"><code
@@ -882,6 +887,11 @@ <h3 id=flex-wrap><span class=secno>6.2. </span> Flexbox Wrapping: the
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex-wrap0"><code
@@ -967,6 +977,11 @@ <h3 id=flex-flow><span class=secno>6.3. </span> Flex Direction and Wrap:
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex-flow0"><code
@@ -1065,6 +1080,11 @@ <h3 id=flex-order><span class=secno>6.4. </span> Display Order: the
      <th>Animatable:
 
      <td>yes
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex-order0"><code
@@ -1212,6 +1232,11 @@ <h2 id=flexibility><span class=secno>7. </span> Flexibility: the &lsquo;<a
 
      <td>yes, as &lt;number> and &lt;length> or &lt;percentage>, but see
       prose
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex"><code class=property>flex</code></a>&rsquo;
@@ -1357,6 +1382,11 @@ <h3 id=flex-pack><span class=secno>8.1. </span> Axis Alignment: the
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex-pack0"><code
@@ -1488,6 +1518,11 @@ <h3 id=flex-align><span class=secno>8.2. </span> Cross Axis Alignment: the
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <table class=propdef>
@@ -1533,6 +1568,11 @@ <h3 id=flex-align><span class=secno>8.2. </span> Cross Axis Alignment: the
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p><a href="#flexbox-item"><i>Flexbox items</i></a> can be aligned in the
@@ -1749,6 +1789,11 @@ <h3 id=flex-line-pack><span class=secno>8.4. </span> &lsquo;<a
      <th>Animatable:
 
      <td>no
+
+    <tr>
+     <th>Canonical Order:
+
+     <td>as specified
   </table>
 
   <p>The &lsquo;<a href="#flex-line-pack0"><code

css3-flexbox/Overview.src.html

@@ -348,6 +348,9 @@ <h3 id='flex-direction'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex-direction' property specifies how <i>flexbox items</i> are placed in the flexbox, by setting the direction of the flexbox's <i>main axis</i>.  This affects the direction that flexbox items are laid out in, and the meaning of the 'flex-pack' property.</p>
@@ -394,6 +397,9 @@ <h3 id='flex-wrap'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex-wrap' property controls whether the flexbox is <i>single-line</i> or <i>multi-line</i>, and the direction of the <i>cross axis</i>, which affects the direction new lines are stacked in and the meaning of the 'flex-align', 'flex-item-align', and 'flex-line-pack' properties.</p>
@@ -438,6 +444,9 @@ <h3 id='flex-flow'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex-flow' property is a shorthand for setting the 'flex-direction' and 'flex-wrap' properties together.</p>
@@ -501,6 +510,9 @@ <h3 id='flex-order'>
 		<tr>
 			<th>Animatable:
 			<td>yes
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex-order' property assigns <i>flexbox items</i> to ordinal groups.</p>
@@ -594,6 +606,9 @@ <h2 id='flexibility'>
 		<tr>
 			<th>Animatable:
 			<td>yes, as &lt;number> and &lt;length> or &lt;percentage>, but see prose
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex' property specifies the parameters of a <dfn title="flexible length|flexible lengths|flexible length's">flexible length</dfn>: the <dfn id="positive-flexibility" title="positive flexibility">positive</dfn> and <dfn>negative flexibility</dfn>, and the <dfn>preferred size</dfn>.  When the element containing 'flex' is a <i>flexbox item</i>, 'flex' is consulted <em>instead of</em> the <i>main size property</i> to determine the <i>main size</i> of the element.  If an element is not a <i>flexbox item</i>, 'flex' has no effect.</p>
@@ -666,6 +681,9 @@ <h3 id='flex-pack'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex-pack' property aligns <i>flexbox items</i> in the <i>main axis</i> of the current line of the flexbox.  This is done <em title=''>after</em> any flexible lengths and any auto margins have been resolved.  Typically it helps distribute extra free space leftover when either all the <i>flexbox items</i> on a line are inflexible, or are flexible but have reach their maximum size, but it also exerts some control over the alignment of items when they overflow the line.</p>
@@ -721,6 +739,9 @@ <h3 id='flex-align'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<table class=propdef>
@@ -748,6 +769,9 @@ <h3 id='flex-align'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p><i>Flexbox items</i> can be aligned in the <i>cross axis</i> of the current line of the flexbox, similar to 'flex-pack' but in the perpendicular direction.  'flex-align' sets the default alignment for all of the flexbox's <i title="flexbox items">items</i>, including anonymous <i>flexbox items</i>.  'flex-item-align' allows this default alignment to be overridden for individual <i>flexbox items</i> (for anonymous flexbox items, 'flex-item-align' always matches the value of 'flex-align' on their associated flexbox).</p>
@@ -882,6 +906,9 @@ <h3 id='flex-line-pack'>
 		<tr>
 			<th>Animatable:
 			<td>no
+		<tr>
+			<th>Canonical Order:
+			<td>as specified
 	</table>
 
 	<p>The 'flex-line-pack' property aligns a flexbox's lines within the flexbox when there is extra space in the <i>cross axis</i>, similar to how 'flex-pack' aligns individual items within the <i>main axis</i>:</p>