[css-color-4][editorial] put trailing zero prose and examples next to each other

Author: Chris Lilley

css-color-4/Overview.bs

@@ -5728,12 +5728,6 @@ Serializing sRGB values</h3>
 	Thus, any higher precision than eight bits
 	is indicated with a fractional part.
 
-	Trailing fractional zeroes in any component values must be omitted;
-	if the fractional part consists of all zeroes,
-	the decimal point must also be omitted.
-	This means that sRGB colors specified with integer component values
-	will serialize with backwards-compatible integer values.
-
 	<p id="sRGB-precision">
 	The precision with which sRGB component values are retained,
 	and thus the number of significant figures in the serialized value,
@@ -5760,6 +5754,12 @@ Serializing sRGB values</h3>
 	is the string "rgb(146.06, 107.46, 131.2)".</p>
 </div>
 
+	Trailing fractional zeroes in any component values must be omitted;
+	if the fractional part consists of all zeroes,
+	the decimal point must also be omitted.
+	This means that sRGB colors specified with integer component values
+	will serialize with backwards-compatible integer values.
+
 <div class="example" id="ex-rgb-notrail">
 	<p>The serialized computed value of </p>
 	<pre class="lang-css"><span class="swatch" style="--color: goldenrod"></span> ''goldenrod''</pre>
@@ -5785,10 +5785,6 @@ Serializing Lab and LCH values</h3>
 	must be used as the separator
 	between the component values.
 
-	Trailing fractional zeroes in any component values must be omitted;
-	if the fractional part consists of all zeroes,
-	the decimal point must also be omitted.
-
 	<wpt>
 		parsing/color-computed.html
 	</wpt>
@@ -5799,6 +5795,10 @@ Serializing Lab and LCH values</h3>
 		<p>is the string "lab(56.2 0 83.6)"</p>
 	</div>
 
+	Trailing fractional zeroes in any component values must be omitted;
+	if the fractional part consists of all zeroes,
+	the decimal point must also be omitted.
+
 	<div class="example" id="ex-lch-serial">
 		<p>The serialized value of</p>
 		<pre class="lang-css"><span class="swatch" style="--color: rgb(41.66% 15.34% 90.66%)"></span> lch(37% 105.0 305.00)</pre>
@@ -5856,10 +5856,6 @@ Serializing Oklab and Oklch values</h3>
 	must be used as the separator
 	between the component values.
 
-	Trailing fractional zeroes in any component values must be omitted;
-	if the fractional part consists of all zeroes,
-	the decimal point must also be omitted.
-
 	<wpt>
 		parsing/color-computed.html
 	</wpt>
@@ -5874,6 +5870,10 @@ Serializing Oklab and Oklch values</h3>
 		</p>
 	</div>
 
+	Trailing fractional zeroes in any component values must be omitted;
+	if the fractional part consists of all zeroes,
+	the decimal point must also be omitted.
+
 	<div class="example" id="ex-oklch-serial">
 		<p>The serialized value of</p>
 		<pre class="lang-css"><span class="swatch" style="--color: rgb(42.07% 49.6% 25.23%)"></span> oklch(56.43% 0.0900 123.40)</pre>
@@ -5940,10 +5940,6 @@ Serializing values of the ''color()'' function</h3>
 	between the component values,
 	and also between the color space name and the first color component.
 
-	Trailing fractional zeroes in any component values must be omitted;
-	if the fractional part consists of all zeroes,
-	the decimal point must also be omitted.
-
 	<wpt>
 		parsing/color-computed.html
 	</wpt>
@@ -5958,6 +5954,16 @@ Serializing values of the ''color()'' function</h3>
 		</p>
 	</div>
 
+	Trailing fractional zeroes in any component values must be omitted;
+	if the fractional part consists of all zeroes,
+	the decimal point must also be omitted.
+
+	<div class="example" id="ex-color-trailzero">
+		<p>The serialized value of</p>
+		<pre class="lang-css"><span class="swatch" style="--color: rgb(15.06% 71.88% 34.64%)"></span> color(rec2020 0.400 0.660 0.340)</pre>
+		<p>is the string "color(rec2020 0.4 0.66 0.34)",
+			not "color(rec2020 0.400 0.660 0.340)".
+	</div>
 
 	<!--
 		the name in the @color-profile is also lowercased, right?