[css-backgrounds-4] Ref <flex> properly.

Author: tabatkins

css-backgrounds-4/Overview.bs

@@ -294,7 +294,7 @@ The 'border-clip' properties</h3>
 
 		<pre class="propdef">
   		Name: border-clip, border-clip-top, border-clip-right, border-clip-bottom, border-clip-left
-  		Value: normal | [ <<length-percentage>> | <<fraction>> ]+
+  		Value: normal | [ <<length-percentage>> | <<flex>> ]+
   		Initial: normal
   		Inherited: no
   		Percentages: refer to length of border-edge side
@@ -306,29 +306,28 @@ The 'border-clip' properties</h3>
 		<p>These properties split their respective borders into parts along
 		the border edge. The first part is visible, the second is invisible,
 		the third part is visible, etc. Parts can be specified with lengths,
-		percentages, or fractions (expressed by the ''fr'' unit, as per
-		[[CSS3GRID]] or its <a href="https://drafts.csswg.org/css3-grid/">editor's
-		edition</a>).
+		percentages, or flexible lengths (expressed by the ''fr'' unit, as per
+		[[CSS3GRID]]).
 		The ''border-clip/normal'' value means
 		that the border is not split, but shown normally.
 
 		<p>'border-clip' is a shorthand property for the four individual properties.
 
 		<p>If the listed parts are shorter than the border, any remaining
-		border is split proportionally between the specified fractions. If
-		there are no fractions, the behavior is as if ''1fr'' had been
+		border is split proportionally between the specified flexible lengths. If
+		there are no flexible lengths, the behavior is as if ''1fr'' had been
 		specified at the end of the list.
 
 		<p>If the listed parts are longer than the border, the specified parts
 		will be shown in full until the end of the border. In this case, all
-		fractions will be zero.
+		flexible lengths will be zero.
 
 		<p>For horizontal borders, parts are listed from left to right. For
 		vertical borders, parts are listed from top to bottom.
 
 		<p>The exact border parts are determined by laying out the specified border
-		parts with all fractions initially set to zero. Any remaining border is
-		split proportionally between the fractions specified.
+		parts with all flexible lengths initially set to zero. Any remaining border is
+		split proportionally between the flexible lengths specified.
 
 		<div class="example">
 
@@ -466,7 +465,7 @@ The 'border-clip' properties</h3>
 			border: 2px solid black;
 			border-top-parts: repeat(10px 10px);
 		</pre>
-		<p>In this example, the repeat pattern is shown five times. The box in this example is slightly wider than the box in the previous example. The remaining border is taken up by a fraction, as if this code had been specified:
+		<p>In this example, the repeat pattern is shown five times. The box in this example is slightly wider than the box in the previous example. The remaining border is taken up by a flexible length, as if this code had been specified:
 		<pre>
 			border: 2px solid black;
 			border-top-parts: repeat(10px 10px) 1fr;
@@ -523,7 +522,7 @@ The 'border-clip' properties</h3>
 			border-clip-top: 3fr 10px 2fr 10px 1fr 10px 10px 10px 1fr 10px 2fr 10px 3fr;
 		</pre>
 
-		<p>All but one of the visible border parts are represented as fractions in this example. The length of these border parts will change when the width of the element changes. Here is one rendering where 1fr ends up being 10px:
+		<p>All but one of the visible border parts are represented as flexible lengths in this example. The length of these border parts will change when the width of the element changes. Here is one rendering where 1fr ends up being 10px:
 		<div style="position: relative; width: 190px; background: white; padding: 40px">
 			<div style="border: 4px solid black; border-top: none; height: 40px"></div>
 			<div style="position: absolute; background: red; width: 30px; height: 4px; top: 40px; left: 40px"></div>