8000 [css-sizing] bikeshed fixes · w3c/csswg-drafts@bbcc42b · GitHub
Skip to content

Commit bbcc42b

Browse files
tabatkinstabatkins
committed
[css-sizing] bikeshed fixes
1 parent 12f59db commit bbcc42b

2 files changed

Lines changed: 17 additions & 181 deletions

File tree

‎css-sizing/Overview.html‎

Lines changed: 5 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
</a></p>
1313
<h1 class="p-name no-ref" id=title>CSS Intrinsic &amp; Extrinsic Sizing Module Level 3</h1>
1414
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
15-
<span class=dt-updated><span class=value-title title=20131010>10 October 2013</span></span></span></h2>
15+
<span class=dt-updated><span class=value-title title=20131011>11 October 2013</span></span></span></h2>
1616
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-sizing>http://dev.w3.org/csswg/css-sizing</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-sizing/>http://www.w3.org/TR/css3-sizing/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-sizing>http://dev.w3.org/csswg/css-sizing</a><dt>Previous Versions:<dd><a href='http://www.w3.org/TR/2012/WD-css3-sizing-20120927/">http://www.w3.org/TR/2012/WD-css3-sizing-20120927/' rel=previous>http://www.w3.org/TR/2012/WD-css3-sizing-20120927/"&gt;http://www.w3.org/TR/2012/WD-css3-sizing-20120927/</a>
1717
<dt>Feedback:</dt>
1818
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-sizing%5D%20feedback">www-style@w3.org</a>
@@ -302,33 +302,7 @@ <h2 class="heading settled heading" data-level=3 id=size-keywords><span class=se
302302
<h3 class="heading settled heading" data-level=3.1 id=width-height-keywords><span class=secno>3.1 </span><span class=content>
303303
New Keywords for <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-width title=width>width</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height</a></span><a class=self-link href=#width-height-keywords></a></h3>
304304

305-
<table class=propdef partial="">
306-
<tr>
307-
<th>Properties:
308-
<td><a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-width title=width>width</a>, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width title=min-width>min-width</a>, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width title=max-width>max-width</a>, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height</a>, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a>, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height title=max-height>max-height</a>
309-
<tr>
310-
<th>New Values:
311-
<td>fill | max-content | min-content | fit-content
312-
<tr>
313-
<th>Initial:
314-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a> and <a data-biblio-type=normative data-link-type=biblio href=#css3-flexbox title=css3-flexbox>[CSS3-FLEXBOX]</a>
315-
<tr>
316-
<th>Applies to:
317-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
318-
<tr>
319-
<th>Inherited:
320-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
321-
<tr>
322-
<th>Percentages:
323-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
324-
<tr>
325-
<th>Media:
326-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
327-
<tr>
328-
<th>Computed value:
329-
<td>specified value if keyword specified, else as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
330-
</table>
331-
305+
<table class="propdef partial"><tr><th>Name:<td><a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-width title=width>width</a>, <a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width title=min-width>min-width</a>, <a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width title=max-width>max-width</a>, <a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height</a>, <a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a>, <a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height title=max-height>max-height</a><tr><th>New values:<td>fill | max-content | min-content | fit-content</table>
332306
<p>There are four types of automatically-determined sizes in CSS (which
333307
are represented in the width and height properties by the keywords
334308
defined above):
@@ -386,33 +360,7 @@ <h3 class="heading settled heading" data-level=3.1 id=width-height-keywords><spa
386360
<h3 class="heading settled heading" data-level=3.2 id=the-contain-floats-value><span class=secno>3.2 </span><span class=content>
387361
Containing Floats</span><a class=self-link href=#the-contain-floats-value></a></h3>
388362

389-
<table class=propdef partial="">
390-
<tr>
391-
<th>Properties:
392-
<td><a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width title=min-width>min-width</a>, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a>
393-
<tr>
394-
<th>New Value:
395-
<td><a class=css data-link-type=maybe href=#valuedef-contain-floats title=contain-floats>contain-floats</a>
396-
<tr>
397-
<th>Initial:
398-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a> and <a data-biblio-type=normative data-link-type=biblio href=#css3-flexbox title=css3-flexbox>[CSS3-FLEXBOX]</a>
399-
<tr>
400-
<th>Applies to:
401-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
402-
<tr>
403-
<th>Inherited:
404-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
405-
<tr>
406-
<th>Percentages:
407-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
408-
<tr>
409-
<th>Media:
410-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
411-
<tr>
412-
<th>Computed value:
413-
<td>specified value if keyword specified, else as defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>
414-
</table>
415-
363+
<table class="propdef partial"><tr><th>Name:<td><a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width title=min-width>min-width</a>, <a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a><tr><th>New values:<td>contain-floats</table>
416364
<dl>
417365
<dt><dfn class=css-code data-dfn-for="min-width min-height" data-dfn-type=value data-export="" id=valuedef-contain-floats>contain-floats<a class=self-link href=#valuedef-contain-floats></a></dfn>
418366
<dd>
@@ -426,43 +374,7 @@ <h3 class="heading settled heading" data-level=3.2 id=the-contain-floats-value><
426374
<h3 class="heading settled heading" data-level=3.3 id=column-sizing><span class=secno>3.3 </span><span class=content>
427375
Column Sizing Keywords</span><a class=self-link href=#column-sizing></a></h3>
428376

429-
<table class=propdef partial="">
430-
<tbody>
431-
<tr>
432-
<th>Property:
433-
<td><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-multicol-1/#column-width title=column-width>column-width</a>
434-
</tr>
435-
<tr>
436-
<th>New Values:
437-
<td>fill | max-content | min-content | fit-content
438-
</tr>
439-
<tr>
440-
<th>Initial:
441-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css3col title=css3col>[CSS3COL]</a>
442-
</tr>
443-
<tr>
444-
<th>Applies to:
445-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css3col title=css3col>[CSS3COL]</a>
446-
</tr>
447-
<tr>
448-
<th>Inherited:
449-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css3col title=css3col>[CSS3COL]</a>
450-
</tr>
451-
<tr>
452-
<th>Percentages:
453-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css3col title=css3col>[CSS3COL]</a>
454-
</tr>
455-
<tr>
456-
<th>Media:
457-
<td>as defined in <a data-biblio-type=normative data-link-type=biblio href=#css3col title=css3col>[CSS3COL]</a>
458-
</tr>
459-
<tr>
460-
<th>Computed value:
461-
<td>specified value if keyword specified, else as defined in <a data-biblio-type=normative data-link-type=biblio href=#css3col title=css3col>[CSS3COL]</a>
462-
</tr>
463-
</tbody>
464-
</table>
465-
377+
<table class="propdef partial"><tr><th>Name:<td><a class=css-code data-link-type=property href=http://dev.w3.org/csswg/css-multicol-1/#column-width title=column-width>column-width</a><tr><th>New values:<td>fill | max-content | min-content | fit-content</table>
466378
<p>When used as values for <a href=http://www.w3.org/TR/css3-multicol/#cw><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-multicol-1/#column-width title=column-width>column-width</a></a>,
467379
the new keywords specify the optimal column width:
468380

@@ -834,7 +746,7 @@ <h2 class="no-num no-ref heading settled heading" id=references><span class=cont
834746

835747
<h3 class="no-num no-ref heading settled heading" id=normative><span class=content>
836748
Normative References</span><a class=self-link href=#normative></a></h3>
837-
<div data-fill-with=normative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3-flexbox title=CSS3-FLEXBOX><a class=self-link href=#css3-flexbox></a>[CSS3-FLEXBOX]<dd>Tab Atkins Jr.; Elika J. Etemad; Alex Mogilevsky. <a href=http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/>CSS Flexible Box Layout Module</a>. 18 September 2012. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/>http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/</a><dt id=css3-images title=CSS3-IMAGES><a class=self-link href=#css3-images></a>[CSS3-IMAGES]<dd>Elika J. Etemad; Tab Atkins Jr.. <a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/>CSS Image Values and Replaced Content Module Level 3</a>. 17 April 2012. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/>http://www.w3.org/TR/2012/CR-css3-images-20120417/</a><dt id=css3col title=CSS3COL><a class=self-link href=#css3col></a>[CSS3COL]<dd>Håkon Wium Lie. <a href=http://www.w3.org/TR/2011/CR-css3-multicol-20110412>CSS Multi-column Layout Module</a>. 12 April 2011. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2011/CR-css3-multicol-20110412>http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a><dt id=rfc2119 title=RFC2119><a class=self-link href=#rfc2119></a>[RFC2119]<dd>S. Bradner. <a href=http://www.ietf.org/rfc/rfc2119.txt>Key words for use in RFCs to Indicate Requirement Levels</a>. URL: <a href=http://www.ietf.org/rfc/rfc2119.txt>http://www.ietf.org/rfc/rfc2119.txt</a></dl></div>
749+
<div data-fill-with=normative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3 E3B7 .org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3-images title=CSS3-IMAGES><a class=self-link href=#css3-images></a>[CSS3-IMAGES]<dd>Elika J. Etemad; Tab Atkins Jr.. <a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/>CSS Image Values and Replaced Content Module Level 3</a>. 17 April 2012. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/>http://www.w3.org/TR/2012/CR-css3-images-20120417/</a><dt id=css3col title=CSS3COL><a class=self-link href=#css3col></a>[CSS3COL]<dd>Håkon Wium Lie. <a href=http://www.w3.org/TR/2011/CR-css3-multicol-20110412>CSS Multi-column Layout Module</a>. 12 April 2011. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2011/CR-css3-multicol-20110412>http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a><dt id=rfc2119 title=RFC2119><a class=self-link href=#rfc2119></a>[RFC2119]<dd>S. Bradner. <a href=http://www.ietf.org/rfc/rfc2119.txt>Key words for use in RFCs to Indicate Requirement Levels</a>. URL: <a href=http://www.ietf.org/rfc/rfc2119.txt>http://www.ietf.org/rfc/rfc2119.txt</a></dl></div>
838750

839751
<h3 class="no-num no-ref heading settled heading" id=informative><span class=content>
840752
Informative References</span><a class=self-link href=#informative></a></h3>

‎css-sizing/Overview.src.html‎

Lines changed: 12 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -224,32 +224,10 @@ <h2 id='size-keywords'>
224224
<h3 id='width-height-keywords'>
225225
New Keywords for 'width' and 'height'</h3>
226226

227-
<table class="propdef" partial>
228-
<tr>
229-
<th>Properties:
230-
<td>'width', 'min-width', 'max-width', 'height', 'min-height', 'max-height'
231-
<tr>
232-
<th>New Values:
233-
<td>fill | max-content | min-content | fit-content
234-
<tr>
235-
<th>Initial:
236-
<td>as defined in [[!CSS21]] and [[!CSS3-FLEXBOX]]
237-
<tr>
238-
<th>Applies to:
239-
<td>as defined in [[!CSS21]]
240-
<tr>
241-
<th>Inherited:
242-
<td>as defined in [[!CSS21]]
243-
<tr>
244-
<th>Percentages:
245-
<td>as defined in [[!CSS21]]
246-
<tr>
247-
<th>Media:
248-
<td>as defined in [[!CSS21]]
249-
<tr>
250-
<th>Computed value:
251-
<td>specified value if keyword specified, else as defined in [[!CSS21]]
252-
</table>
227+
<pre class=propdef partial>
228+
Name: width, min-width, max-width, height, min-height, max-height
229+
New values: fill | max-content | min-content | fit-content
230+
</pre>
253231

254232
<p>There are four types of automatically-determined sizes in CSS (which
255233
are represented in the width and height properties by the keywords
@@ -308,32 +286,10 @@ <h3 id='width-height-keywords'>
308286
<h3 id='the-contain-floats-value'>
309287
Containing Floats</h3>
310288

311-
<table class="propdef" partial>
312-
<tr>
313-
<th>Properties:
314-
<td>'min-width', 'min-height'
315-
<tr>
316-
<th>New Value:
317-
<td>''contain-floats''
318-
<tr>
319-
<th>Initial:
320-
<td>as defined in [[!CSS21]] and [[!CSS3-FLEXBOX]]
321-
<tr>
322-
<th>Applies to:
323-
<td>as defined in [[!CSS21]]
324-
<tr>
325-
<th>Inherited:
326-
<td>as defined in [[!CSS21]]
327-
<tr>
328-
<th>Percentages:
329-
<td>as defined in [[!CSS21]]
330-
<tr>
331-
<th>Media:
332-
<td>as defined in [[!CSS21]]
333-
<tr>
334-
<th>Computed value:
335-
<td>specified value if keyword specified, else as defined in [[!CSS21]]
336-
</table>
289+
<pre class="propdef partial">
290+
Name: min-width, min-height
291+
New values: contain-floats
292+
</pre>
337293

338294
<dl>
339295
<dt><dfn for="min-width min-height" value>contain-floats</dfn>
@@ -348,42 +304,10 @@ <h3 id='the-contain-floats-value'>
348304
<h3 id='column-sizing'>
349305
Column Sizing Keywords</h3>
350306

351-
<table class="propdef" partial>
352-
<tbody>
353-
<tr>
354-
<th>Property:
355-
<td>'column-width'
356-
</tr>
357-
<tr>
358-
<th>New Values:
359-
<td>fill | max-content | min-content | fit-content
360-
</tr>
361-
<tr>
362-
<th>Initial:
363-
<td>as defined in [[!CSS3COL]]
364-
</tr>
365-
<tr>
366-
<th>Applies to:
367-
<td>as defined in [[!CSS3COL]]
368-
</tr>
369-
<tr>
370-
<th>Inherited:
371-
<td>as defined in [[!CSS3COL]]
372-
</tr>
373-
<tr>
374-
<th>Percentages:
375-
<td>as defined in [[!CSS3COL]]
376-
</tr>
377-
<tr>
378-
<th>Media:
379-
<td>as defined in [[!CSS3COL]]
380-
</tr>
381-
<tr>
382-
<th>Computed&#160;value:
383-
<td>specified value if keyword specified, else as defined in [[!CSS3COL]]
384-
</tr>
385-
</tbody>
386-
</table>
307+
<pre class="propdef partial">
308+
Name: column-width
309+
New values: fill | max-content | min-content | fit-content
310+
</pre>
387311

388312
<p>When used as values for <a href="http://www.w3.org/TR/css3-multicol/#cw">'column-width'</a>,
389313
the new keywords specify the optimal column width:

0 commit comments

Comments
 (0)