[css-values-4] Fix examples to use semicolons.

Author: tabatkins

css-values-4/Overview.bs

@@ -466,13 +466,13 @@ Combining Values: Interpolation, Addition, and Accumulation</h2>
 	its <a>accumulation</a> operation is identical to <a>addition</a>.
 
 <!--
-██     ██ ████ ██     ██   ███ ███  
-███   ███  ██   ██   ██   ██     ██ 
+██     ██ ████ ██     ██   ███ ███
+███   ███  ██   ██   ██   ██     ██
 ████ ████  ██    ██ ██   ██       ██
 ██ ███ ██  ██     ███    ██       ██
 ██     ██  ██    ██ ██   ██       ██
-██     ██  ██   ██   ██   ██     ██ 
-██     ██ ████ ██     ██   ███ ███  
+██     ██  ██   ██   ██   ██     ██
+██     ██ ████ ██     ██   ███ ███
 -->
 
 <h3 id="interpolate">
@@ -2641,7 +2641,7 @@ Toggling Between Values: ''toggle()''</h3>
 		The following example makes <code>&lt;em></code> elements italic in general,
 		but makes them normal if they're inside something that's italic:
 
-		<pre>em { font-style: toggle(italic, normal); }</pre>
+		<pre>em { font-style: toggle(italic; normal); }</pre>
 	</div>
 
 	<div class='example'>
@@ -2651,7 +2651,7 @@ Toggling Between Values: ''toggle()''</h3>
 		and then repeat through the list of marker shapes,
 		starting again (for the 5th list deep) with ''list-style-type/disc''.
 
-		<pre>ul { list-style-type: toggle(disc, circle, square, box); }</pre>
+		<pre>ul { list-style-type: toggle(disc; circle; square; box); }</pre>
 	</div>
 
 	The syntax of the ''toggle()'' expression is:
@@ -2699,7 +2699,7 @@ Toggling Between Values: ''toggle()''</h3>
 
 
 	Note: This means that repeating values in a ''toggle()'' short-circuits the list.
-	For example ''toggle(1em, 2em, 1em, 4em)'' will be equivalent to ''toggle(1em, 2em)''.
+	For example ''toggle(1em; 2em; 1em; 4em)'' will be equivalent to ''toggle(1em; 2em)''.
 
 	<!-- Issue: Should this short-circuiting affect the computed value? -->
 
@@ -2732,10 +2732,10 @@ Toggling Between Values: ''toggle()''</h3>
 		is equivalent to the following longhand declarations:
 
 		<pre>
-		margin-top:    toggle(1px, 4px, 1px);
-		margin-right:  toggle(2px, 4px, 5px);
-		margin-bottom: toggle(1px, 4px, 4px);
-		margin-left:   toggle(2px, 4px, 5px);
+		margin-top:    toggle(1px; 4px; 1px);
+		margin-right:  toggle(2px; 4px; 5px);
+		margin-bottom: toggle(1px; 4px; 4px);
+		margin-left:   toggle(2px; 4px; 5px);
 		</pre>
 
 		Note that, since ''1px'' appears twice in the top margin and ''4px'' appears twice in bottom margin,
@@ -2745,10 +2745,10 @@ Toggling Between Values: ''toggle()''</h3>
 		as the longhand declarations below:
 
 		<pre>
-		margin-top:    toggle(1px, 4px);
-		margin-right:  toggle(2px, 4px, 5px);
-		margin-bottom: toggle(1px, 4px);
-		margin-left:   toggle(2px, 4px, 5px);
+		margin-top:    toggle(1px; 4px);
+		margin-right:  toggle(2px; 4px; 5px);
+		margin-bottom: toggle(1px; 4px);
+		margin-left:   toggle(2px; 4px; 5px);
 		</pre>
 
 		which may not be what was intended.