[css-variables] markup tweak

Author: tabatkins

css-variables/Overview.html

@@ -149,7 +149,7 @@ <h2 id="introduction" data-level="1"><span class="secno">1 </span>
 <p>	This specification defines an open-ended set of properties called <a data-autolink="link" href="#custom-property">custom properties</a>,
 	which are used to define <a data-autolink="link" href="#cascading-variable">variables</a>.
 
-</p><table class="propdef"><tbody><tr><th>Name:</th><td><dfn id="var-">var-*</dfn></td></tr><tr><th>Values:</th><td>[ <a data-autolink="link" class="production" href="#value-production"><var>&lt;value&gt;</var></a> | <a data-autolink="link" class="production" href="#cdo-production"><var>&lt;CDO&gt;</var></a> | <a data-autolink="link" class="production" href="#cdc-production"><var>&lt;CDC&gt;</var></a> ]+</td></tr><tr><th>Initial:</th><td>(nothing, see prose)</td></tr><tr><th>Applies To:</th><td>all elements</td></tr><tr><th>Inherited:</th><td>yes</td></tr><tr><th>Computed Value:</th><td>specified value with variables substituted (but see prose for "invalid variables")</td></tr><tr><th>Media:</th><td>all</td></tr><tr><th>Animatable:</th><td>no</td></tr></tbody></table>
+</p><table class="propdef"><tbody><tr><th>Name:</th><td><dfn id="var-">var-*</dfn></td></tr><tr><th>Value:</th><td>[ <a data-autolink="link" class="production" href="#value-production"><var>&lt;value&gt;</var></a> | <a data-autolink="link" class="production" href="#cdo-production"><var>&lt;CDO&gt;</var></a> | <a data-autolink="link" class="production" href="#cdc-production"><var>&lt;CDC&gt;</var></a> ]+</td></tr><tr><th>Initial:</th><td>(nothing, see prose)</td></tr><tr><th>Applies to:</th><td>all elements</td></tr><tr><th>Inherited:</th><td>yes</td></tr><tr><th>Computed value:</th><td>specified value with variables substituted (but see prose for "invalid variables")</td></tr><tr><th>Media:</th><td>all</td></tr><tr><th>Animatable:</th><td>no</td></tr></tbody></table>
 <p>	A <dfn id="custom-property">custom property</dfn> is any property
 	whose name starts with "var-",
 	and contains at least one additional character.
@@ -918,7 +918,7 @@ <h2 id="index" class="no-num no-ref">
 
 <h2 id="property-index" class="no-num no-ref">
 Property index</h2>
-<div data-fill-with="property-index"><table class="proptable"><thead><tr><th scope="col">Name</th><th scope="col">Value</th><th scope="col">Initial</th><th scope="col">Applies To</th><th scope="col">Inh.</th><th scope="col">%ages</th><th scope="col">Media</th><th scope="col">Computed Value</th><th scope="col">Animatable</th><th scope="col">Values</th></tr><tr><th scope="row"><a data-property="">var-*</a></th><td></td><td>(nothing, see prose)</td><td>all elements</td><td>yes</td><td></td><td>all</td><td>specified value with variables substituted (but see prose for "invalid variables")</td><td>no</td><td>[ <a data-autolink="link" class="production"><var>&lt;value&gt;</var></a> | <a data-autolink="link" class="production"><var>&lt;CDO&gt;</var></a> | <a data-autolink="link" class="production"><var>&lt;CDC&gt;</var></a> ]+</td></tr></thead></table></div>
+<div data-fill-with="property-index"><table class="proptable"><thead><tr><th scope="col">Name</th><th scope="col">Value</th><th scope="col">Initial</th><th scope="col">Applies To</th><th scope="col">Inh.</th><th scope="col">%ages</th><th scope="col">Media</th><th scope="col">Computed value</th><th scope="col">Applies to</th><th scope="col">Animatable</th></tr><tr><th scope="row"><a data-property="">var-*</a></th><td>[ <a data-autolink="link" class="production"><var>&lt;value&gt;</var></a> | <a data-autolink="link" class="production"><var>&lt;CDO&gt;</var></a> | <a data-autolink="link" class="production"><var>&lt;CDC&gt;</var></a> ]+</td><td>(nothing, see prose)</td><td></td><td>yes</td><td></td><td>all</td><td>specified value with variables substituted (but see prose for "invalid variables")</td><td>all elements</td><td>no</td></tr></thead></table></div>
 
 
 </body></html>

css-variables/Overview.src.html

@@ -68,16 +68,16 @@ <h2 id='defining-variables'>
 	This specification defines an open-ended set of properties called <a>custom properties</a>,
 	which are used to define <a>variables</a>.
 
-	<xmp class='propdef'>
+	<pre class='propdef'>
 	Name: var-*
-	Values: [ <<value>> | <<CDO>> | <<CDC>> ]+
+	Value: [ <<value>> | <<CDO>> | <<CDC>> ]+
 	Initial: (nothing, see prose)
-	Applies To: all elements
+	Applies to: all elements
 	Inherited: yes
-	Computed Value: specified value with variables substituted (but see prose for "invalid variables")
+	Computed value: specified value with variables substituted (but see prose for "invalid variables")
 	Media: all
 	Animatable: no
-	</xmp>
+	</pre>
 
 	A <dfn>custom property</dfn> is any property
 	whose name starts with "var-",