[css-backgrounds-4] Fix example to be less confusing.

Author: fantasai

css-backgrounds-4/Overview.bs

@@ -239,8 +239,8 @@ Partial Borders: the 'border-limit' property</h3>
 		along ths sides:</p>
 		<pre>box { border: solid; border-radius: 5px; border-shape: scoop; border-parts: corners 5px; }</pre>
 		<p>The following example draws the curved part of the corner and all of
-		the side except the middle 50%.</p>
-		<pre>box { border: solid; border-radius: 5px; border-shape: scoope; border-parts: corners 50%; }</pre>
+		the side except the middle 40%.</p>
+		<pre>box { border: solid; border-radius: 5px; border-shape: scoope; border-parts: corners 30%; }</pre>
 	</div>
 
 <h3 id="border-clip">

css-backgrounds-4/Overview.html

@@ -311,8 +311,8 @@ <h3 class="heading settled heading" data-level=4.1 id=partial-borders><span clas
 <pre>box { border: solid; border-parts: corners 10px; }</pre>		<p>The following example draws the curved part of the corner plus 5px
 		along ths sides:</p>
 <pre>box { border: solid; border-radius: 5px; border-shape: scoop; border-parts: corners 5px; }</pre>		<p>The following example draws the curved part of the corner and all of
-		the side except the middle 50%.</p>
-<pre>box { border: solid; border-radius: 5px; border-shape: scoope; border-parts: corners 50%; }</pre>	</pre></div>
+		the side except the middle 40%.</p>
+<pre>box { border: solid; border-radius: 5px; border-shape: scoope; border-parts: corners 30%; }</pre>	</pre></div>
 
 <h3 class="heading settled heading" data-level=4.2 id=border-clip><span class=secno>4.2 </span><span class=content>
 The <a class=property data-link-type=propdesc href=#propdef-border-clip title=border-clip>border-clip</a> properties</span><a class=self-link href=#border-clip></a></h3>