Skip to content

Commit 8b287d3

Browse files
committed
[css-sizing] Rename fill to stretch per WG resolution.
1 parent c588376 commit 8b287d3

2 files changed

Lines changed: 14 additions & 14 deletions

File tree

css-sizing-3/Overview.bs

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -247,15 +247,15 @@ New Keywords for 'width' and 'height'</h3>
247247

248248
<pre class=propdef partial>
249249
Name: width, min-width, max-width, height, min-height, max-height
250-
New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
250+
New values: stretch | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
251251
</pre>
252252

253253
<p>There are four types of automatically-determined sizes in CSS (which
254254
are represented in the width and height properties by the keywords
255255
defined above):
256256

257257
<dl dfn-type=value dfn-for="width, min-width, max-width, height, min-height, max-height">
258-
<dt><dfn>fill</dfn>
258+
<dt><dfn>stretch</dfn>
259259
<dd>
260260
Use the <a>fill-available inline size</a> or <a>fill-available block size</a>,
261261
as appropriate to the writing mode.
@@ -290,9 +290,7 @@ New Keywords for 'width' and 'height'</h3>
290290
<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <<length-percentage>>))</code>
291291
</dl>
292292

293-
Issue: Is ''width/fill'' stable enough or should we defer to L4?
294-
Is the name clear enough, or should it be reverted to ''fill-available''
295-
(or changed to something else)?
293+
Issue: Is ''width/stretch'' stable enough or should we defer to L4?
296294

297295
Note: To size an element such that it avoids overlapping sibling floats,
298296
make sure it's a <a>formatting context</a> root.
@@ -329,14 +327,14 @@ Column Sizing Keywords</h3>
329327

330328
<pre class="propdef partial">
331329
Name: column-width
332-
New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
330+
New values: stretch | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
333331
</pre>
334332

335333
<p>When used as values for 'column-width',
336334
the new keywords specify the optimal column width:
337335

338336
<dl dfn-type=value dfn-for="column-width">
339-
<dt><dfn>fill</dfn>
337+
<dt><dfn>stretch</dfn>
340338
<dd>Specifies the optimal column width as the <a>fill-available inline size</a>
341339
of the multi-column element.
342340

@@ -462,6 +460,8 @@ Changes</h2>
462460
Changes since the <a href="https://www.w3.org/TR/2016/WD-css-sizing-3-20160512/">12 May 2016 Working Draft</a>:
463461

464462
<ul>
463+
<li>Renamed <css>fill</css> keyword to ''width/stretch''.
464+
<li>
465465
<li>Updated definition of <a>definite</a> to allow measurements against text content, per WG resolution.
466466
</ul>
467467

css-sizing/Overview.bs

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -247,15 +247,15 @@ New Keywords for 'width' and 'height'</h3>
247247

248248
<pre class=propdef partial>
249249
Name: width, min-width, max-width, height, min-height, max-height
250-
New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
250+
New values: stretch | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
251251
</pre>
252252

253253
<p>There are four types of automatically-determined sizes in CSS (which
254254
are represented in the width and height properties by the keywords
255255
defined above):
256256

257257
<dl dfn-type=value dfn-for="width, min-width, max-width, height, min-height, max-height">
258-
<dt><dfn>fill</dfn>
258+
<dt><dfn>stretch</dfn>
259259
<dd>
260260
Use the <a>fill-available inline size</a> or <a>fill-available block size</a>,
261261
as appropriate to the writing mode.
@@ -299,7 +299,7 @@ New Keywords for 'width' and 'height'</h3>
299299
For Block layout, this means using ''display: flow-root;''.
300300

301301
<p class="issue">
302-
Right now all of these except ''width/fill'' mean the same thing
302+
Right now all of these except ''width/stretch'' mean the same thing
303303
for block-sizes. This may or may not be ideal.
304304

305305
<p class='issue'>
@@ -327,14 +327,14 @@ Column Sizing Keywords</h3>
327327

328328
<pre class="propdef partial">
329329
Name: column-width
330-
New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
330+
New values: stretch | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
331331
</pre>
332332

333333
<p>When used as values for 'column-width',
334334
the new keywords specify the optimal column width:
335335

336336
<dl dfn-type=value dfn-for="column-width">
337-
<dt><dfn>fill</dfn>
337+
<dt><dfn>stretch</dfn>
338338
<dd>Specifies the optimal column width as the <a>fill-available inline size</a>
339339
of the multi-column element.
340340

@@ -428,7 +428,7 @@ Intrinsic Sizes of Non-Replaced Blocks</h3>
428428
its <a>min-content inline-size contribution</a>
429429
is that size
430430
plus any <a>inline-axis</a> margin, border, and padding.
431-
Otherwise, if the computed inline-size of the block is ''width/fit-content'', ''width/auto'', or ''width/fill'',
431+
Otherwise, if the computed inline-size of the block is ''width/fit-content'', ''width/auto'', or ''width/stretch'',
432432
its <a>min-content inline-size contribution</a>
433433
is its <a>min-content inline size</a>
434434
plus any <a>inline-axis</a> margin, border, and padding.
@@ -439,7 +439,7 @@ Intrinsic Sizes of Non-Replaced Blocks</h3>
439439
its <a>max-content inline-size contribution</a>
440440
is that size
441441
plus any <a>inline-axis</a> margin, border, and padding.
442-
Otherwise, if the computed inline-size of the block is ''width/fit-content'', ''width/auto'', or ''width/fill'',
442+
Otherwise, if the computed inline-size of the block is ''width/fit-content'', ''width/auto'', or ''width/stretch'',
443443
its <a>max-content inline-size contribution</a>
444444
is its <a>max-content inline size</a>
445445
plus any <a>inline-axis</a> margin, border, and padding.

0 commit comments

Comments
 (0)