[css-sizing] Rename fill-available sizing to stretch-fit sizing, to match new keyword.

Author: fantasai

css-align/Overview.bs

@@ -991,7 +991,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 
 				If the box has non-''top/auto'' offsets in this axis,
 				and either 'margin' in this axis is ''margin/auto'',
-				an ''width/auto'' 'width' ('height', for <a>vertical writing modes</a>) is treated as ''fill-available''
+				an ''width/auto'' 'width' ('height', for <a>vertical writing modes</a>) is treated as ''stretch''
 				and ''margin/auto'' margins are treated as zero.
 				(Otherwise, when 'justify-self' is not ''justify-self/normal'',
 				''width: auto'' (''height: auto'') is treated as ''width/fit-content''
@@ -1139,7 +1139,7 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 				If the box has non-''top/auto'' offsets in this axis,
 				and either 'margin' in this axis is ''margin/auto'',
 				an ''width/auto'' 'height' ('width', for <a>vertical writing modes</a>)
-				is treated as ''fill-available''
+				is treated as ''stretch''
 				and ''margin/auto'' margins are treated as zero.
 				(Otherwise, when 'align-self' is not ''align-self/normal'',
 				''height: auto'' (''width: auto'') is treated as ''height/fit-content''

css-break/Overview.bs

@@ -834,7 +834,7 @@ Breaking into Varying-size Fragmentainers</h3>
   <ul>
     <li>
       Boxes (including tables) fullfilling layout constraints at their
-      <i lt='fill-available size'>fill-available</i> or percentage-based size
+      <i lt='stretch-fit size'>stretch-fit</i> or percentage-based size
       may change <i>inline size</i> across pages.
     </li>
     <li>

css-grid/Overview.bs

@@ -1075,7 +1075,7 @@ Grid Items</h2>
 	However, the <a>box alignment properties</a> have special effects:
 	when 'align-self'/'justify-self' is neither ''justify-self/normal'' nor ''justify-self/stretch'',
 	an ''width/auto'' size for the <a>grid item</a> in that axis
-	is treated as ''width/fit-content'' instead of as the <a>fill-available size</a>.
+	is treated as ''width/fit-content'' instead of as the <a>stretch-fit size</a>.
 	See [[#alignment]].
 
 	Items with an intrinsic ratio follow the same rules,

css-sizing-3/Overview.bs

@@ -89,7 +89,7 @@ Terminology</h2>
 			a measure of text (without consideration of line-wrapping),
 			a size of the <a>initial containing block</a>,
 			or a <<percentage>> or other formula
-			(such the <a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">“fill-available” sizing of non-replaced blocks</a> [[CSS21]])
+			(such the <a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">“stretch-fit” sizing of non-replaced blocks</a> [[CSS21]])
 			that is resolved solely against <a>definite</a> sizes.
 
 			Additionally, the size of the <a>containing block</a> of an absolutely positioned element is always <a>definite</a>
@@ -120,9 +120,9 @@ Terminology</h2>
 				<span class="issue">What, exactly, is the available space in the inline axis??? What about other formatting models?</span>
 -->
 
-		<dt><dfn>fill-available fit</dfn>
+		<dt><dfn>stretch fit</dfn>
 		<dd>
-			The <a>fill-available fit</a> into a given size
+			The <a>stretch fit</a> into a given size
 			is that size,
 			minus the element's computed margins (not collapsed, treating ''margin/auto'' as zero),
 			border, and padding in the given dimension.
@@ -143,9 +143,9 @@ Terminology</h2>
 Auto Box Sizes</h3>
 
 	<div export>
-		: <dfn>fill-available size</dfn>
-		: <dfn>fill-available inline size</dfn>
-		: <dfn>fill-available block size</dfn>
+		: <dfn>stretch-fit size</dfn>
+		: <dfn>stretch-fit inline size</dfn>
+		: <dfn>stretch-fit block size</dfn>
 		:: Roughly, the <a>size</a> a box would take
 			if it filled its <a>available space</a>
 			in the given axis.
@@ -201,7 +201,7 @@ Auto Box Sizes</h3>
 		: <dfn>fit-content inline size</dfn>
 		: <dfn>fit-content block size</dfn>
 		:: If the <a>available space</a> in a given axis is finite,
-			equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>.
+			equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>stretch-fit size</a>))</code>.
 			Otherwise, equal to the <a>max-content size</a> in that axis.
 
 			Note: This is called the “shrink-to-fit” width in <a href="https://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
@@ -257,7 +257,7 @@ New Keywords for 'width' and 'height'</h3>
 	<dl dfn-type=value dfn-for="width, min-width, max-width, height, min-height, max-height">
 		<dt><dfn>stretch</dfn>
 		<dd>
-			Use the <a>fill-available inline size</a> or <a>fill-available block size</a>,
+			Use the <a>stretch-fit inline size</a> or <a>stretch-fit block size</a>,
 			as appropriate to the writing mode.
 
 			NOTE: This is the formula used to calculate ''width/auto'' widths
@@ -282,7 +282,7 @@ New Keywords for 'width' and 'height'</h3>
 			If specified for the inline axis,
 			use the <a>max-content inline size</a>
 			i.e.
-			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>;
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>stretch-fit size</a>))</code>;
 			otherwise compute to ''width/auto''.
 
 		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
@@ -331,7 +331,7 @@ Column Sizing Keywords</h3>
 
 	<dl dfn-type=value dfn-for="column-width">
 		<dt><dfn>stretch</dfn>
-		<dd>Specifies the optimal column width as the <a>fill-available inline size</a>
+		<dd>Specifies the optimal column width as the <a>stretch-fit inline size</a>
 			of the multi-column element.
 
 		<dt><dfn>max-content</dfn>
@@ -344,7 +344,7 @@ Column Sizing Keywords</h3>
 
 		<dt><dfn>fit-content</dfn>
 		<dd>Specifies the optimal column width as
-			<code>min(<a>max-content inline size</a>, max(<a>min-content inline size</a>, <a>fill-available inline size</a>))</code>.
+			<code>min(<a>max-content inline size</a>, max(<a>min-content inline size</a>, <a>stretch-fit inline size</a>))</code>.
 
 		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
 		<dd>
@@ -402,16 +402,16 @@ Extrinsic Size Determination</h2>
 		<dfn export>Extrinsic sizing</dfn> determines sizes based on the context of an element,
 		without regard for its contents.
 
-<h3 id="fill-available-sizing">
-Fill-available Sizing</h3>
+<h3 id="stretch-fit-sizing">
+Stretch-fit Sizing</h3>
 
 	<p>
-		The inner <a>fill-available inline size</a> of a box is&hellip;
+		The inner <a>stretch-fit inline size</a> of a box is&hellip;
 		<ul>
 			<li>
 				If the box is the root or is absolutely-positioned, the inline-size of its containing block, else
 			<li>
-				<code>max(<a>min-content inline size</a>|0, min(<a>max-content inline size</a>|infinity, <a>inline size</a>|<a>fill-available inline size</a>))</code>
+				<code>max(<a>min-content inline size</a>|0, min(<a>max-content inline size</a>|infinity, <a>inline size</a>|<a>stretch-fit inline size</a>))</code>
 				where the sizes are inner inline-sizes of the element establishing the box's <a>containing block</a>,
 				and where the first value is used if it is <a>definite</a> and the second value otherwise.
 		</ul>
@@ -421,7 +421,7 @@ Fill-available Sizing</h3>
 		borders, and padding.
 
 	<p>
-		The <a>fill-available block size</a> of a box is defined analogously,
+		The <a>stretch-fit block size</a> of a box is defined analogously,
 		but in the other dimension.
 
 	<p class='issue'>

css-sizing/Overview.bs

@@ -90,7 +90,7 @@ Terminology</h2>
 			a measure of text (without consideration of line-wrapping),
 			a size of the <a>initial containing block</a>,
 			or a <<percentage>> or other formula
-			(such the <a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">“fill-available” sizing of non-replaced blocks</a> [[CSS21]])
+			(such the <a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">“stretch-fit” sizing of non-replaced blocks</a> [[CSS21]])
 			that is resolved solely against <a>definite</a> sizes.
 
 			Additionally, the size of the <a>containing block</a> of an absolutely positioned element is always <a>definite</a>
@@ -120,9 +120,9 @@ Terminology</h2>
 				<span class="issue">What, exactly, is the available space in the inline axis??? What about other formatting models?</span>
 -->
 
-		<dt><dfn>fill-available fit</dfn>
+		<dt><dfn>stretch fit</dfn>
 		<dd>
-			The <a>fill-available fit</a> into a given size
+			The <a>stretch fit</a> into a given size
 			is that size,
 			minus the element's computed margins (not collapsed, treating ''margin/auto'' as zero),
 			border, and padding in the given dimension.
@@ -143,9 +143,9 @@ Terminology</h2>
 Auto Box Sizes</h3>
 
 	<div export>
-		: <dfn>fill-available size</dfn>
-		: <dfn>fill-available inline size</dfn>
-		: <dfn>fill-available block size</dfn>
+		: <dfn>stretch-fit size</dfn>
+		: <dfn>stretch-fit inline size</dfn>
+		: <dfn>stretch-fit block size</dfn>
 		:: Roughly, the <a>size</a> a box would take
 			if it filled the <a>available space</a>
 			in the given axis.
@@ -201,7 +201,7 @@ Auto Box Sizes</h3>
 		: <dfn>fit-content inline size</dfn>
 		: <dfn>fit-content block size</dfn>
 		:: If the <a>available space</a> in a given axis is finite,
-			equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>.
+			equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>stretch-fit size</a>))</code>.
 			Otherwise, equal to the <a>max-content size</a> in that axis.
 
 			Note: This is called the “shrink-to-fit” width in <a href="https://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
@@ -257,7 +257,7 @@ New Keywords for 'width' and 'height'</h3>
 	<dl dfn-type=value dfn-for="width, min-width, max-width, height, min-height, max-height">
 		<dt><dfn>stretch</dfn>
 		<dd>
-			Use the <a>fill-available inline size</a> or <a>fill-available block size</a>,
+			Use the <a>stretch-fit inline size</a> or <a>stretch-fit block size</a>,
 			as appropriate to the writing mode.
 
 			NOTE: This is the formula used to calculate ''width/auto'' widths
@@ -282,7 +282,7 @@ New Keywords for 'width' and 'height'</h3>
 			If specified for the inline axis,
 			use the <a>max-content inline size</a>
 			i.e.
-			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>;
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>stretch-fit size</a>))</code>;
 			otherwise compute to ''width/auto''.
 
 		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
@@ -329,7 +329,7 @@ Column Sizing Keywords</h3>
 
 	<dl dfn-type=value dfn-for="column-width">
 		<dt><dfn>stretch</dfn>
-		<dd>Specifies the optimal column width as the <a>fill-available inline size</a>
+		<dd>Specifies the optimal column width as the <a>stretch-fit inline size</a>
 			of the multi-column element.
 
 		<dt><dfn>max-content</dfn>
@@ -342,7 +342,7 @@ Column Sizing Keywords</h3>
 
 		<dt><dfn>fit-content</dfn>
 		<dd>Specifies the optimal column width as
-			<code>min(<a>max-content inline size</a>, max(<a>min-content inline size</a>, <a>fill-available inline size</a>))</code>.
+			<code>min(<a>max-content inline size</a>, max(<a>min-content inline size</a>, <a>stretch-fit inline size</a>))</code>.
 
 		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
 		<dd>
@@ -562,16 +562,16 @@ Extrinsic Size Determination</h2>
 		<dfn export>Extrinsic sizing</dfn> determines sizes based on the context of an element,
 		without regard for its contents.
 
-<h3 id="fill-available-sizing">
-Fill-available Sizing</h3>
+<h3 id="stretch-fit-sizing">
+Stretch-fit Sizing</h3>
 
 	<p>
-		The inner <a>fill-available inline size</a> of a box is&hellip;
+		The inner <a>stretch-fit inline size</a> of a box is&hellip;
 		<ul>
 			<li>
 				If the box is the root or is absolutely-positioned, the inline-size of its containing block, else
 			<li>
-				<code>max(<a>min-content inline size</a>|0, min(<a>max-content inline size</a>|infinity, <a>inline size</a>|<a>fill-available inline size</a>))</code>
+				<code>max(<a>min-content inline size</a>|0, min(<a>max-content inline size</a>|infinity, <a>inline size</a>|<a>stretch-fit inline size</a>))</code>
 				where the sizes are inner inline-sizes of the element establishing the box's <a>containing block</a>,
 				and where the first value is used if it is <a>definite</a> and the second value otherwise.
 		</ul>
@@ -581,7 +581,7 @@ Fill-available Sizing</h3>
 		borders, and padding.
 
 	<p>
-		The <a>fill-available block size</a> of a box is defined analogously,
+		The <a>stretch-fit block size</a> of a box is defined analogously,
 		but in the other dimension.
 
 	<p class='issue'>
@@ -636,12 +636,12 @@ Changes</h2>
 		Changes since the <a href="https://www.w3.org/TR/2012/WD-css3-sizing-20120927/">September 2012 Working Draft</a> include:
 
 	<ul>
-		<li>Changed <code>fill-available</code> keyword to <code>fill</code>.
+		<li>Changed <code>stretch-fit</code> keyword to <code>fill</code>.
 		<li>Hooked up intrinsic sizes of replaced elements to the <a>default sizing algorithm</a> in [[!CSS3-IMAGES]].
 		<li>Specified that <a>extrinsic sizing</a> treates ''margin/auto'' margins as zero.
 		<li>Clarified definition of <a>available space</a>.
 		<li>Specified that percentages resolved against an intrinsic size of the parent computes falls back to auto sizing.
-		<li>Fixed bad wording wrt containing blocks in <a>fill-available inline size</a> definition,
+		<li>Fixed bad wording wrt containing blocks in <a>stretch-fit inline size</a> definition,
 		    and specified that it is calculated <em>after</em> margin collapsing.
 		<li>Specified that an absolutely-positioned box's containing block is always considered definite.
 		<li>Improved section on intrinsic sizing of multi-column elements.

css-tables-3/Overview.bs

@@ -484,7 +484,7 @@ spec:css22; type:property; text:display
 
 		Unlike other block-level boxes, tables do not fill their containing block by default.
 		When their 'width' computes to <code>auto</code>, they behave as if they had <code>fit-content</code> specified instead.
-		This is different from most block-level boxes, which behave as if they had <code>fill-available</code> instead.
+		This is different from most block-level boxes, which behave as if they had <code>stretch</code> instead.
 
 		The <dfn id="min-content-width-of-a-table">min-content width of a table</dfn> is
 			the width required to fit all of its columns min-content widths and its undistributable spaces.

css-writing-modes/Overview.bs

@@ -2072,8 +2072,7 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
 
         <dt><var>constraint</var>
         <dd>the <i>inline-axis</i> size
-        that would match the box's <i>inline-axis</i> <a
- href="https://www.w3.org/TR/CSS22/box.html#outer-edge">outer edges</a> to the smaller of
+        that would <a>stretch fit</a> into to the smaller of
         <ul>
           <li>the <i>available space</i>
           <li>the initial containing block’s <i>size</i>
@@ -2109,7 +2108,7 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
       If the computed <i>block size</i> is ''height/auto''
       and the specified value of at least one of 'column-count' and 'column-width' was ''column-width/auto'',
       use the box’s <i>block size</i> (if that is <i>definite</i>),
-      else the <i>fill-available block size</i> of the box (if that is <i>definite</i>),
+      else the <i>stretch-fit block size</i> of the box (if that is <i>definite</i>),
       else the box’s <i>max-content block size</i>.
       Otherwise follow the normal rules for sizing a multi-column element.
       <p class="issue">