markup tweak

Author: tabatkins

css3-values/Overview.src.html

@@ -92,9 +92,9 @@ <h2>Introduction</h2>
 	<p>The value definition field of each CSS property can contain keywords,
 	data types (which appear between ''&lt;'' and ''>''), and information on how
 	they can be combined.
-	Generic data types (<code>&lt;length&gt;</code> being the most widely used)
+	Generic data types (<var>&lt;length></var> being the most widely used)
 	that can be used by many properties are described in this specification,
-	while more specific data types (e.g., <code>&lt;spacing-limit&gt;</code>)
+	while more specific data types (e.g., <var>&lt;spacing-limit></var>)
 	are described in the corresponding modules.
 
 <h3 id="placement">
@@ -122,19 +122,19 @@ <h3 id="component-types">
 		which appear literally, without quotes (e.g. <code>auto</code>)
 
 		<li>basic data types, which appear between ''&lt;'' and ''&gt;''
-		(e.g., <code>&lt;length&gt;</code>, <code>&lt;percentage&gt;</code>, etc.).
+		(e.g., <var>&lt;length></var>, <var>&lt;percentage></var>, etc.).
 
 		<li>types that have the same range of values as a property bearing
 		the same name
-		(e.g., <code>&lt;'border-width'&gt;</code> <code>&lt;'background-attachment'&gt;</code>, etc.).
+		(e.g., <var>&lt;'border-width'&gt;</var> <var>&lt;'background-attachment'&gt;</var>, etc.).
 		In this case, the type name is the property name (complete with quotes)
 		between the brackets.  Such a type does <em>not</em>
 		include <a href="#common-keywords">CSS-wide keywords</a> such as ''inherit''.
 
 		<li>non-terminals that do not share the same name as a property. In this
 		case, the non-terminal name appears between ''&lt;'' and ''&gt;'', as in
-		<code>&lt;spacing-limit&gt;</code>.  Notice the distinction between
-		<code>&lt;border-width&gt;</code> and <code>&lt;'border-width'&gt;</code>:
+		<var>&lt;spacing-limit></var>.  Notice the distinction between
+		<var>&lt;border-width></var> and <var>&lt;'border-width'&gt;</var>:
 		the latter is defined as the value of the 'border-width' property,
 		the former requires an explicit expansion elsewhere.
 		The definition of a non-terminal is located near its first appearance
@@ -311,7 +311,7 @@ <h3 id="identifiers">
 
   <p>Some properties accept arbitrary user-defined identifiers as a
   component value. This generic data type is denoted by
-  <dfn id="identifier-value"><code>&lt;identifier&gt;</code></dfn>,
+  <dfn id="identifier-value"><var>&lt;identifier></var></dfn>,
   and represents any valid CSS <i>identifier</i> that does not
   otherwise appear as a pre-defined keyword in that property's value
   definition.
@@ -322,7 +322,7 @@ <h3 id="identifiers">
 <h3 id="strings">
 Quoted Strings: the ''&lt;string&gt;'' type</h3>
 
-	<p>Strings are denoted by <dfn id="string-value"><code>&lt;string&gt;</code></dfn>
+	<p>Strings are denoted by <dfn id="string-value"><var>&lt;string></var></dfn>
 	and consist of a sequence of characters delimited by double quotes or
 	single quotes. They correspond to the <code>STRING</code> token in the
 	<a href="http://www.w3.org/TR/CSS21/syndata.html#tokenization">grammar</a>.
@@ -363,7 +363,7 @@ <h3 id="urls">
 	<p>A <dfn>URL</dfn> is a pointer to a resource and is a
 	<a href="http://www.w3.org/TR/CSS21/syndata.html#uri">specially-parsed</a>
 	<a href="#functional-notation">functional notation</a> denoted by
-	<dfn id="url-value"><code>&lt;url&gt;</code></dfn>. It corresponds to the
+	<dfn id="url-value"><var>&lt;url></var></dfn>. It corresponds to the
 	<code>URI</code> token in the
 	<a href="http://www.w3.org/TR/CSS21/syndata.html#tokenization">grammar</a>.
 	[[!CSS21]]
@@ -376,8 +376,8 @@ <h3 id="urls">
 	</div>
 
 	<p class="note">Note that in some CSS syntactic contexts (as defined
-	by that context), a URL can be represented as a <code>&lt;string&gt;</code>
-	rather than by <code>&lt;URL&gt;</code>. An example of this is the
+	by that context), a URL can be represented as a <var>&lt;string></var>
+	rather than by <var>&lt;URL></var>. An example of this is the
 	<a href="http://www.w3.org/TR/CSS21/cascade.html#at-import">''@import'' rule</a>.
 
 	<p>Parentheses, whitespace characters, single quotes (&#39;) and
@@ -406,12 +406,12 @@ <h3 id="urls">
 		<pre>body { background: url("tile.png") }</pre>
 		<p>is located in a style sheet designated by the URL:</p>
 		<pre>http://www.example.org/style/basic.css</pre>
-		<p>The background of the source document's <code>&lt;body&gt;</code>
+		<p>The background of the source document's <var>&lt;body></var>
 		will be tiled with whatever image is described by the resource
 		designated by the URL:
 		<pre>http://www.example.org/style/tile.png</pre>
 		<p>The same image will be used regardless of the URL of the source
-		document containing the <code>&lt;body></code>.
+		document containing the <var>&lt;body></var>.
 	</div>
 
 <h2 id="numeric-types">
@@ -435,7 +435,7 @@ <h3 id="integers">
 Integers: the ''&lt;integer&gt;'' type</h3>
 
 	<p>Integer values are denoted by
-	<dfn id="integer-value"><code>&lt;integer&gt;</code></dfn>.
+	<dfn id="integer-value"><var>&lt;integer></var></dfn>.
 	An <dfn>integer</dfn> is one or more decimal digits ''0'' through ''9''
 	and corresponds to a subset of the <code>NUMBER</code> token in the
 	<a href="http://www.w3.org/TR/CSS21/syndata.html#tokenization">grammar</a>.
@@ -446,7 +446,7 @@ <h3 id="numbers">
 Numbers: the ''&lt;number&gt;'' type</h3>
 
 	<p>Number values are denoted by
-	<dfn id="number-value"><code>&lt;number&gt;</code></dfn>.
+	<dfn id="number-value"><var>&lt;number></var></dfn>.
 	A <dfn>number</dfn> is either an <i>integer</i>, or zero or more decimal
 	digits followed by a dot (.) followed by one or more decimal digits.
 	It corresponds to the <code>NUMBER</code> token in the
@@ -458,7 +458,7 @@ <h3 id="percentages">
 Percentages: the ''&lt;percentage&gt;'' type</h3>
 
 	<p>A <dfn>percentage</dfn> value is denoted by
-	<dfn id="percentage-value"><code>&lt;percentage&gt;</code></dfn>, 
+	<dfn id="percentage-value"><var>&lt;percentage></var></dfn>, 
 	consists of a <i>&lt;number&gt;</i> immediately followed by a percent
 	sign ''%''. It corresponds to the <code>PERCENTAGE</code> token in the
 	<a href="http://www.w3.org/TR/CSS21/syndata.html#tokenization">grammar</a>.
@@ -477,10 +477,10 @@ <h2 id="lengths">
 Distance Units: the ''&lt;length&gt;'' type</h2>
 
 	<p>Lengths refer to distance measurements and are denoted by
-	<dfn id="length-value"><code>&lt;length&gt;</code></dfn> in the
+	<dfn id="length-value"><var>&lt;length></var></dfn> in the
 	property definitions. 
 	A length is a <i>dimension</i>. A zero length may be represented
-	instead as the <code>&lt;number&gt;</code> ''0''. (In other words,
+	instead as the <var>&lt;number></var> ''0''. (In other words,
 	for zero lengths the unit identifier is optional.)</p>
 
 	<p>A <dfn>dimension</dfn> is a <i>number</i> immediately followed by a
@@ -826,35 +826,35 @@ <h2 id="defined-elsewhere">
 Data Types Defined Elsewhere</h2>
 
 <p>Some data types are defined in their own modules. The two common
-ones are <code>&lt;color&gt;</code> and <code>&lt;image&gt;</code>.
+ones are <var>&lt;color></var> and <var>&lt;image></var>.
 
 <h3 id="colors">
 Colors: the ''&lt;color&gt;'' type</h3>
 
-	<p>The <dfn id="color-value"><code>&lt;color&gt;</code></dfn> data type is
+	<p>The <dfn id="color-value"><var>&lt;color></var></dfn> data type is
 	<a href="http://www.w3.org/TR/CSS21/syndata.html#color-units">defined</a>
 	in [[!CSS21]] and
 	<a href="http://www.w3.org/TR/css3-color/#colorunits">extended</a> in [[!CSS3COLOR]].
-	UAs that support CSS Color Level 3 or its successor must interpret <code>&lt;color&gt;</code>
+	UAs that support CSS Color Level 3 or its successor must interpret <var>&lt;color></var>
 	as defined therein.
 
 <h3 id="images">
 Images: the ''&lt;image&gt;'' type</h3>
 
-	<p>The <dfn id="image-value"><code>&lt;image&gt;</code></dfn> data type is
-	defined herein as equivalent to <code>&lt;url&gt;</code>.
+	<p>The <dfn id="image-value"><var>&lt;image></var></dfn> data type is
+	defined herein as equivalent to <var>&lt;url></var>.
 	It is <a href="http://www.w3.org/TR/css3-images/#image">extended</a> in
 	[[!CSS3-IMAGES]]: UAs that support CSS Image Values Level 3 or its successor must interpret
-	<code>&lt;image&gt;</code> as defined therein.
+	<var>&lt;image></var> as defined therein.
 
 <h3 id="position">
 2D Positioning: the ''&lt;position&gt;'' type</h3>
 
-	<p>The <dfn id="position-value"><code>&lt;position&gt;</code></dfn> data type is
-	defined herein as equivalent to the <a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><code>&lt;'background-position'&gt;</code></a> syntax defined in [[!CSS21]].  It specifies the position of a object area (e.g. background image) inside a positioning area (e.g. background positioning area).
+	<p>The <dfn id="position-value"><var>&lt;position></var></dfn> data type is
+	defined herein as equivalent to the <a href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><var>&lt;'background-position'&gt;</var></a> syntax defined in [[!CSS21]].  It specifies the position of a object area (e.g. background image) inside a positioning area (e.g. background positioning area).
 	It is <a href="http://www.w3.org/TR/css3-background/#the-background-position">extended</a> in
 	[[!CSS3BG]]: UAs that support CSS Backgrounds &amp; Borders Level 3 or its successor must interpret
-	<code>&lt;position&gt;</code> as defined therein.
+	<var>&lt;position></var> as defined therein.
 
 <h2 id="functional-notation">
 Functional Notations</h2>
@@ -1053,8 +1053,8 @@ <h4 id='calc-type-checking'>
 	<p>
 		If the type of the result,
 		after resolving all subexpressions,
-		is an integral <code>&lt;number></code>,
-		the calc()&apos;s resolved type is <code>&lt;integer></code>.
+		is an integral <var>&lt;number></var>,
+		the calc()&apos;s resolved type is <var>&lt;integer></var>.
 
 <h4 id='calc-range'>
 Range Checking</h4>
@@ -1083,7 +1083,7 @@ <h3 id="cycle-notation">
 
 	<pre>cycle( &lt;value&gt;# )</pre>
 
-	<p>where <code>&lt;value&gt;</code> is a CSS value that is valid where
+	<p>where <var>&lt;value></var> is a CSS value that is valid where
 	the expression is placed.  If any of the values inside are not valid,
 	then the entire ''cycle()'' expression is invalid.