Define list modifier (#) as suggested by Anne van Kesteren; improve examples

Author: fantasai

css3-values/Overview.src.html

@@ -186,6 +186,9 @@ <h3 id="value-types">
 		<li>A pair of numbers in curly braces ({<var>A</var>,<var>B</var>})
 		indicates that the preceding type, word, or group occurs at least
 		<var>A</var> and at most <var>B</var> times.
+
+		<li>A hash mark (#) indicates that the preceding type, word, or
+		group occurs one or more times, separated by comma tokens.
 	</ul>
 
 <h3 id="value-types">
@@ -212,17 +215,46 @@ <h3 id="value-types">
 	<p>Below are some examples of properties with their corresponding value
 	definition fields
 
-<div class=example>
-<p>Here are some sample properties with corresponding value definition fields:
-<table>
-<tr><th>Property<th>Value definition field
-<tr><td>min-width<td>&lt;length&gt; | &lt;percentage&gt; | inherit
-<tr><td>outline-color<td>&lt;color&gt; | invert | inherit
-<tr><td>orphans<td>&lt;integer&gt; | inherit
-<tr><td>pitch<td>&lt;frequency&gt; | x-low | low | medium | high | x-high | inherit
-<tr><td>string-set<td>[[ &lt;identifier> &lt;content-list>] [, &lt;identifier> &lt;content-list>]* ] | none
-</table>
-</div>
+	<div class=example>
+		<table class="data" id="propvalues">
+			<thead>
+				<tr><th>Property
+				    <th>Value definition field
+				    <th>Example value
+			</thead>
+			<tbody>
+				<tr><td>'orphans'
+				    <td>&lt;integer&gt;
+				    <td>''3''
+				<tr><td>'text-align'
+				    <td>left | right | center | justify
+				    <td>''center''
+				<tr><td>'padding-top'
+				    <td>&lt;length&gt; | &lt;percentage&gt;
+				    <td>''5%''
+				<tr><td>'outline-color'
+				    <td>&lt;color&gt; | invert
+				    <td>''#fefefe''
+				<tr><td>'text-decoration'
+				    <td>none | underline || overline || line-through || blink
+				    <td>''overline underline''
+				<tr><td>'font-family'
+				    <td>&lt;family-name&gt;#
+				    <td>''"Gill Sans", Futura, sans-serif''
+				<tr><td>'border-width'
+				    <td>[ &lt;length&gt; | thick | medium | thin ]{1,4}
+				    <td>''2px medium 4px''
+				<tr><td>'text-shadow'
+				    <td>[ inset? && [ &lt;length&gt;{2,4} && &lt;color&gt;? ] ]# | none
+				    <td>''3px 3px rgba(50%, 50%, 50%, 50%), lemonchiffon 0 0 4px inset''
+				<tr><td>'voice-pitch'
+				    <td><pre class="value">&lt;frequency> && absolute |
+<!--				      -->[[x-low | low | medium | high | x-high] ||
+<!--				      --> [&lt;frequency> | &lt;semitones> | &lt;percentage>]]</pre>
+						<td>''-2st x-low''
+			</tbody>
+		</table>
+	</div>
 
 <h2>Syntax and terminology</h2>