Skip to content

Commit c865339

Browse files
committed
[css-sizing] Change 'fill-available' to 'fill'.
1 parent ff14b9d commit c865339

2 files changed

Lines changed: 41 additions & 53 deletions

File tree

css-sizing/Overview.html

Lines changed: 29 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -384,10 +384,9 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
384384

385385
<dd> If the <a href="#available"><i>available</i></a> measure is finite,
386386
equal to <code>min(<a href="#max-content"><i>max-content</i></a>, max(<a
387-
href="#min-content"><i>min-content</i></a>, <a
388-
href="#fill-available"><i>fill-available</i></a>))</code>. Otherwise,
389-
equal to the <a href="#max-content-measure"><i>max-content
390-
measure</i></a>.
387+
href="#min-content"><i>min-content</i></a>,
388+
<i>fill-available</i>))</code>. Otherwise, equal to the <a
389+
href="#max-content-measure"><i>max-content measure</i></a>.
391390
<p class=note> Note: This is called the <i>shrink-to-fit</i> width in <a
392391
href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
393392
and <a href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm">CSS
@@ -461,11 +460,7 @@ <h3 id=width-height-keywords><span class=secno>3.1. </span> New Keywords
461460
<tr>
462461
<th>New Values:
463462

464-
<td><a href="#fill-available"><code
465-
class=css>fill-available</code></a>’ | ‘<a
466-
href="#max-content"><code class=css>max-content</code></a>’ | ‘<a
467-
href="#min-content"><code class=css>min-content</code></a>’ | ‘<a
468-
href="#fit-content"><code class=css>fit-content</code></a>
463+
<td>fill | max-content | min-content | fit-content
469464

470465
<tr>
471466
<th>Initial:
@@ -511,8 +506,7 @@ <h3 id=width-height-keywords><span class=secno>3.1. </span> New Keywords
511506
above):
512507

513508
<dl>
514-
<dt><dfn id=fill-available><code
515-
class=css>fill-available</code></dfn>
509+
<dt><dfn id=fill><code class=css>fill</code></dfn>
516510

517511
<dd> Use the <a href="#fill-available-measure"><i>fill-available
518512
measure</i></a> or <a href="#fill-available-extent"><i>fill-available
@@ -548,9 +542,9 @@ <h3 id=width-height-keywords><span class=secno>3.1. </span> New Keywords
548542
<p class=issue> Does this value work? Is it needed?
549543
</dl>
550544

551-
<p class=issue> Right now all of these except ‘<a
552-
href="#fill-available"><code class=css>fill-available</code></a>’ mean
553-
the same thing for extents. This may or may not be ideal.
545+
<p class=issue> Right now all of these except ‘<a href="#fill"><code
546+
class=css>fill</code></a>’ mean the same thing for extents. This may or
547+
may not be ideal.
554548

555549
<p class=issue> If the measure is ‘<code class=css>auto</code>’, we
556550
could have min-content extent imply a max-content measure, and vice versa.
@@ -645,11 +639,7 @@ <h3 id=column-sizing><span class=secno>3.3. </span> Column Sizing Keywords</h3>
645639
<tr>
646640
<th>New Values:
647641

648-
<td><a href="#min-content"><code class=css>min-content</code></a>
649-
| ‘<a href="#max-content"><code class=css>max-content</code></a>’ |
650-
<a href="#fill-available"><code
651-
class=css>fill-available</code></a>’ | ‘<a
652-
href="#fit-content"><code class=css>fit-content</code></a>
642+
<td>fill | max-content | min-content | fit-content
653643

654644
<tr>
655645
<th>Initial:
@@ -694,31 +684,30 @@ <h3 id=column-sizing><span class=secno>3.3. </span> Column Sizing Keywords</h3>
694684
optimal column width:
695685

696686
<dl>
697-
<dt><a href="#min-content"><code class=css>min-content</code></a>
687+
<dt><a href="#fill"><code class=css>fill</code></a>
698688

699689
<dd>Specifies the optimal column width as the <a
700-
href="#min-content-measure"><i>min-content measure</i></a> of the
701-
multi-column element's contents.
690+
href="#fill-available-measure"><i>fill-available measure</i></a> of the
691+
multi-column element.
702692

703693
<dt><a href="#max-content"><code class=css>max-content</code></a>
704694

705695
<dd>Specifies the optimal column width as the <a
706696
href="#max-content-measure"><i>max-content measure</i></a> of the
707697
multi-column element's contents.
708698

709-
<dt><a href="#fill-available"><code
710-
class=css>fill-available</code></a>
699+
<dt><a href="#min-content"><code class=css>min-content</code></a>
711700

712701
<dd>Specifies the optimal column width as the <a
713-
href="#fill-available-measure"><i>fill-available measure</i></a> of the
714-
multi-column element.
702+
href="#min-content-measure"><i>min-content measure</i></a> of the
703+
multi-column element's contents.
715704

716705
<dt><a href="#fit-content"><code class=css>fit-content</code></a>
717706

718707
<dd>Specifies the optimal column width as <code>min(<a
719708
href="#max-content"><i>max-content</i></a>, max(<a
720-
href="#min-content"><i>min-content</i></a>, <a
721-
href="#fill-available"><i>fill-available</i></a>))</code>.
709+
href="#min-content"><i>min-content</i></a>,
710+
<i>fill-available</i>))</code>.
722711
</dl>
723712

724713
<h2 id=intrinsic-sizing><span class=secno>4. </span> Intrinsic Size
@@ -782,10 +771,10 @@ <h3 id=block-intrinsic><span class=secno>4.3. </span> Intrinsic Sizes of
782771
contribution</i> is that size plus any inline-axis margin, border, and
783772
padding. Otherwise, if the computed measure of the block is ‘<a
784773
href="#fit-content"><code class=css>fit-content</code></a>’, ‘<code
785-
class=css>auto</code>’, or ‘<a href="#fill-available"><code
786-
class=css>fill-available</code></a>’, its <i>min-measure
787-
contribution</i> is its <a href="#min-content-measure"><i>min-content
788-
measure</i></a> plus any inline-axis margin, border, and padding.
774+
class=css>auto</code>’, or ‘<a href="#fill"><code
775+
class=css>fill</code></a>’, its <i>min-measure contribution</i> is its
776+
<a href="#min-content-measure"><i>min-content measure</i></a> plus any
777+
inline-axis margin, border, and padding.
789778

790779
<p> If the computed measure of a <i>block-level box</i> is ‘<a
791780
href="#min-content"><code class=css>min-content</code></a>’, ‘<a
@@ -794,10 +783,10 @@ <h3 id=block-intrinsic><span class=secno>4.3. </span> Intrinsic Sizes of
794783
contribution</i> is that size plus any inline-axis margin, border, and
795784
padding. Otherwise, if the computed measure of the block is ‘<a
796785
href="#fit-content"><code class=css>fit-content</code></a>’, ‘<code
797-
class=css>auto</code>’, or ‘<a href="#fill-available"><code
798-
class=css>fill-available</code></a>’, its <i>max-measure
799-
contribution</i> is its <a href="#max-content-measure"><i>max-content
800-
measure</i></a> plus any inline-axis margin, border, and padding.
786+
class=css>auto</code>’, or ‘<a href="#fill"><code
787+
class=css>fill</code></a>’, its <i>max-measure contribution</i> is its
788+
<a href="#max-content-measure"><i>max-content measure</i></a> plus any
789+
inline-axis margin, border, and padding.
801790

802791
<p> The <a href="#min-content-extent"><i>min-content extent</i></a> and <a
803792
href="#max-content-extent"><i>max-content extent</i></a> of a <i>block
@@ -902,10 +891,9 @@ <h2 id=extrinsic-sizing><span class=secno>5. </span> Extrinsic Size
902891
its containing block, else
903892

904893
<li> <code>max(<i>min-measure</i>|0, min(<i>max-measure</i>|infinity,
905-
<i>measure</i>|<a
906-
href="#fill-available"><i>fill-available</i></a>))</code> where the sizes
907-
are inner measures of the element establishing the box's <i>containing
908-
block</i>, and where the first value is used if it is <a
894+
<i>measure</i>|<i>fill-available</i>))</code> where the sizes are inner
895+
measures of the element establishing the box's <i>containing block</i>,
896+
and where the first value is used if it is <a
909897
href="#definite"><i>definite</i></a> and the second value otherwise.
910898
</ul>
911899

@@ -1248,7 +1236,7 @@ <h2 class=no-num id=index> Index</h2>
12481236
<li>fallback size, <a href="#fallback-size"
12491237
title="section 2."><strong>2.</strong></a>
12501238

1251-
<li><code class=css>fill-available</code>’, <a href="#fill-available"
1239+
<li><code class=css>fill</code>’, <a href="#fill"
12521240
title="section 3.1."><strong>3.1.</strong></a>
12531241

12541242
<li>fill-available extent, <a href="#fill-available-extent"

css-sizing/Overview.src.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -258,7 +258,7 @@ <h3 id='width-height-keywords'>
258258
<td>'width', 'min-width', 'max-width', 'height', 'min-height', 'max-height'
259259
<tr>
260260
<th>New Values:
261-
<td>''fill-available'' | ''max-content'' | ''min-content'' | ''fit-content''
261+
<td>fill | max-content | min-content | fit-content
262262
<tr>
263263
<th>Initial:
264264
<td>as defined in [[!CSS21]] and [[!CSS3-FLEXBOX]]
@@ -284,7 +284,7 @@ <h3 id='width-height-keywords'>
284284
defined above):
285285

286286
<dl>
287-
<dt><dfn>''fill-available''</dfn>
287+
<dt><dfn>''fill''</dfn>
288288
<dd>
289289
Use the <i>fill-available measure</i> or <i>fill-available extent</i>,
290290
as appropriate to the writing mode.
@@ -319,7 +319,7 @@ <h3 id='width-height-keywords'>
319319
</dl>
320320

321321
<p class="issue">
322-
Right now all of these except ''fill-available'' mean the same thing
322+
Right now all of these except ''fill'' mean the same thing
323323
for extents. This may or may not be ideal.
324324

325325
<p class='issue'>
@@ -384,7 +384,7 @@ <h3 id='column-sizing'>
384384
</tr>
385385
<tr>
386386
<th>New Values:
387-
<td>''min-content'' | ''max-content'' | ''fill-available'' | ''fit-content''
387+
<td>fill | max-content | min-content | fit-content
388388
</tr>
389389
<tr>
390390
<th>Initial:
@@ -417,17 +417,17 @@ <h3 id='column-sizing'>
417417
the new keywords specify the optimal column width:
418418

419419
<dl>
420-
<dt>''min-content''
421-
<dd>Specifies the optimal column width as the <i>min-content measure</i>
422-
of the multi-column element's contents.
420+
<dt>''fill''
421+
<dd>Specifies the optimal column width as the <i>fill-available measure</i>
422+
of the multi-column element.
423423

424424
<dt>''max-content''
425425
<dd>Specifies the optimal column width as the <i>max-content measure</i>
426426
of the multi-column element's contents.
427427

428-
<dt>''fill-available''
429-
<dd>Specifies the optimal column width as the <i>fill-available measure</i>
430-
of the multi-column element.
428+
<dt>''min-content''
429+
<dd>Specifies the optimal column width as the <i>min-content measure</i>
430+
of the multi-column element's contents.
431431

432432
<dt>''fit-content''
433433
<dd>Specifies the optimal column width as
@@ -499,7 +499,7 @@ <h3 id='block-intrinsic'>
499499
its <i>min-measure contribution</i>
500500
is that size
501501
plus any inline-axis margin, border, and padding.
502-
Otherwise, if the computed measure of the block is ''fit-content'', ''auto'', or ''fill-available'',
502+
Otherwise, if the computed measure of the block is ''fit-content'', ''auto'', or ''fill'',
503503
its <i>min-measure contribution</i>
504504
is its <i>min-content measure</i>
505505
plus any inline-axis margin, border, and padding.
@@ -510,7 +510,7 @@ <h3 id='block-intrinsic'>
510510
its <i>max-measure contribution</i>
511511
is that size
512512
plus any inline-axis margin, border, and padding.
513-
Otherwise, if the computed measure of the block is ''fit-content'', ''auto'', or ''fill-available'',
513+
Otherwise, if the computed measure of the block is ''fit-content'', ''auto'', or ''fill'',
514514
its <i>max-measure contribution</i>
515515
is its <i>max-content measure</i>
516516
plus any inline-axis margin, border, and padding.

0 commit comments

Comments
 (0)