@@ -265,31 +265,34 @@ New Keywords for 'width' and 'height'</h3>
265
265
It allows re-using this formula for boxes that are otherwise shrink-wrapped,
266
266
like tables.
267
267
268
- Issue: The working group agreed to rename this to <dfn>stretch</dfn> on 2017-01-13.
269
-
270
268
<dt> <dfn>max-content</dfn>
271
269
<dd>
272
- Use the <a>max-content inline size</a> or <a>max-content block size</a> ,
273
- as appropriate to the writing mode.
270
+ If specified for the inline axis,
271
+ use the <a>max-content inline size</a> ;
272
+ otherwise compute to ''width/auto'' .
274
273
275
274
<dt> <dfn>min-content</dfn>
276
275
<dd>
277
- Use the <a>min-content inline size</a> or <a>min-content block size</a> ,
278
- as appropriate to the writing mode.
276
+ If specified for the inline axis,
277
+ use the <a>min-content inline size</a> ;
278
+ otherwise compute to ''width/auto'' .
279
279
280
280
<dt> <dfn>fit-content</dfn>
281
281
<dd>
282
- Use the <a>fit-content inline size</a> or <a>fit-content block size</a> ,
283
- as appropriate to the writing mode,
282
+ If specified for the inline axis ,
283
+ use the <a>max-content inline size</a>
284
284
i.e.
285
- <code> min(<a>max-content size</a> , max(<a>min-content size</a> , <a>fill-available size</a> ))</code>
285
+ <code> min(<a>max-content size</a> , max(<a>min-content size</a> , <a>fill-available size</a> ))</code> ;
286
+ otherwise compute to ''width/auto'' .
286
287
287
288
<dt> <dfn>fit-content(<<length-percentage>>)</dfn>
288
289
<dd>
289
- Use the fit-content formula
290
+ If specified for the inline axis,
291
+ use the fit-content formula
290
292
with the <a>available space</a> replaced by the specified argument,
291
293
i.e.
292
- <code> min(<a>max-content size</a> , max(<a>min-content size</a> , <<length-percentage>> ))</code>
294
+ <code> min(<a>max-content size</a> , max(<a>min-content size</a> , <<length-percentage>> ))</code> ;
295
+ otherwise compute to ''width/auto'' .
293
296
</dl>
294
297
295
298
Note: To size an element such that it avoids overlapping sibling floats,
@@ -298,15 +301,6 @@ New Keywords for 'width' and 'height'</h3>
298
301
this is true automatically.
299
302
For Block layout, this means using ''display: flow-root;'' .
300
303
301
- <p class="issue">
302
- Right now all of these except ''width/stretch'' mean the same thing
303
- for block-sizes. This may or may not be ideal.
304
-
305
- <p class='issue'>
306
- If the inline-size is ''width/auto'' ,
307
- we could have min-content block-size imply a max-content inline-size,
308
- and vice versa.
309
-
310
304
<p class='note'>
311
305
Note that percentages resolved against the intrinsic sizes
312
306
(''width/max-content'' , ''width/min-content'' , ''width/fit-content'' )
@@ -354,10 +348,8 @@ Column Sizing Keywords</h3>
354
348
<dd>
355
349
Specifies the optimal column width as
356
350
<code> min(<a>max-content size</a> , max(<a>min-content size</a> , <<length-percentage>> ))</code>
357
-
358
351
</dl>
359
352
360
-
361
353
<h2 id='intrinsic'>
362
354
Intrinsic Size Determination</h2>
363
355
0 commit comments