Update property syntax defs: reintroduce comma separators, fix * wildcards (were converted to #)

Author: Sylvain Galineau

css3-animations/Overview.src.html

@@ -437,7 +437,7 @@ <h3 id="animation-name-property">
 			<td><dfn>animation-name</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ none | &lt;user-ident> ]#
+			<td>[ none | IDENT ] [, [ none | IDENT ] ]*
 		<tr>
 			<th>Initial:
 			<td>''none''
@@ -521,7 +521,7 @@ <h3 id="animation-duration-property">
 			<td><dfn>animation-duration</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>&lt;time>#
+			<td> &lt;time&gt; [, &lt;time&gt;]*
 		<tr>
 			<th>Initial:
 			<td>''0s''
@@ -570,12 +570,23 @@ <h3 id="animation-timing-function-property">
 			<td><dfn>animation-timing-function</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ 
-				  ease | linear | ease-in | ease-out | ease-in-out | 
-				  step-start | step-end |
-				  steps(&lt;number> [, [ start | end ] ]) |
-				  cubic-bezier(&lt;number>, &lt;number>, &lt;number>, &lt;number>)
-				]#
+			<td>
+					[ 
+						ease | linear | ease-in | ease-out | ease-in-out | 
+						step-start | step-end | 
+						steps(&lt;number&gt; [, [ start | end ] ]?) |
+		  				cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;,
+		  				&lt;number&gt;) 
+	      			] 
+      			[, 
+      				[ 
+	      				ease | linear | ease-in | ease-out | ease-in-out | 
+						step-start | step-end | 
+						steps(&lt;number&gt; [, [ start | end ] ]?) |
+		  				cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;,
+		  				&lt;number&gt;) 
+		  			] 		  			
+      			]*
 		<tr>
 			<th>Initial:
 			<td>''ease''
@@ -630,7 +641,8 @@ <h3 id="animation-iteration-count-property">
 			<td><dfn>animation-iteration-count</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ infinite | &lt;number> ]#
+			<td>   [ infinite | &lt;number&gt; ] 
+				[, [ infinite | &lt;number&gt; ] ]*
 		<tr>
 			<th>Initial:
 			<td>''1''
@@ -669,7 +681,8 @@ <h3 id="animation-direction-property">
 			<td><dfn>animation-direction</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ normal | reverse | alternate | alternate-reverse ]#
+			<td>   [ normal | reverse | alternate | alternate-reverse ] 
+				[, [ normal | reverse | alternate | alternate-reverse ] ]*
 		<tr>
 			<th>Initial:
 			<td>''normal''
@@ -737,7 +750,8 @@ <h3 id="animation-play-state-property">
 			<td><dfn>animation-play-state</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ running | paused ]#
+			<td>   [ running | paused ] 
+				[, [ running | paused ] ]*
 		<tr>
 			<th>Initial:
 			<td>''running''
@@ -786,7 +800,7 @@ <h3 id="animation-delay-property">
 			<td><dfn>foo</dfn>
 		<tr>
 			<th><a href="#values">animation-delay</a>:
-			<td>&lt;time>#
+			<td> &lt;time&gt; [, &lt;time&gt;]*
 		<tr>
 			<th>Initial:
 			<td>''0s''
@@ -862,7 +876,8 @@ <h3 id="animation-fill-mode-property">
 			<td><dfn>animation-fill-mode</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ none | forwards | backwards | both ]#
+			<td>   [ none | forwards | backwards | both ] 
+				[, [ none | forwards | backwards | both ] ]*
 		<tr>
 			<th>Initial:
 			<td>''none''
@@ -909,13 +924,22 @@ <h3 id="animation-shorthand-property">
 			<td><dfn>animation</dfn>
 		<tr>
 			<th><a href="#values">Value</a>:
-			<td>[ &lt;'animation-name'> || 
-				&lt;'animation-duration'> ||
-				&lt;'animation-timing-function'> ||
-				&lt;'animation-delay'> ||
-				&lt;'animation-iteration-count'> ||
-				&lt;'animation-direction'> ||
-				&lt;'animation-fill-mode'> ]#
+			<td>
+					[
+						&lt;animation-name&gt; || &lt;animation-duration&gt; ||
+	      			 	&lt;animation-timing-function&gt; || &lt;animation-delay&gt; ||
+	      			 	&lt;animation-iteration-count&gt; || &lt;animation-direction&gt; ||
+	      			 	&lt;animation-fill-mode&gt;
+	      			] 
+      			[, 
+      				[
+      					&lt;animation-name&gt; || &lt;animation-duration&gt; || 
+      					&lt;animation-timing-function&gt; || &lt;animation-delay&gt; || 
+      					&lt;animation-iteration-count&gt; || &lt;animation-direction&gt; || 
+      					&lt;animation-fill-mode&gt;
+  					] 
+				]*
+
 		<tr>
 			<th>Initial:
 			<td>see individual properties