11<!DOCTYPE html>
22
33< html lang =en >
4- < head > < meta content =" text/ html; charset=utf-8 " http-equiv = Content-Type >
5-
4+ < head profile =" http://dublincore.org/documents/2008/08/04/dc- html/ " >
5+ < meta content =" text/html; charset=utf-8 " http-equiv = Content-Type >
66 < title > CSS Intrinsic & Extrinsic Sizing Module Level 3 (CSS3 TMPL)</ title >
7+
8+ < link href ="http://purl.org/dc/terms/ " rel =schema.DC >
9+ < meta
10+ content ="CSS Intrinsic & Extrinsic Sizing Module Level 3 (CSS3 TMPL) "
11+ name =DC.title >
12+ < meta content =text name =DC.type >
13+ < meta content =2012-08-31 name =DC.issued >
14+ < meta content ="http://dev.w3.org/csswg/css3-sizing/ " name =DC.creator >
15+ < meta content =W3C name =DC.publisher >
16+ < meta content ="http://www.w3.org/TR/2012/ED-css3-sizing-20120831/ "
17+ name =DC.identifier >
18+ < link href ="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright "
19+ rel =DC.rights >
720 < link href ="#contents " rel =contents >
821 < link href ="#index " rel =index >
922 < link href ="../default.css " rel =stylesheet type ="text/css ">
1023 < link href ="http://www.w3.org/StyleSheets/TR/W3C-ED.css " rel =stylesheet
11- type ="text/css ">
24+ type ="text/css ">
1225
1326 < body >
1427 < div class =head > <!--begin-logo-->
1730
1831 < h1 > CSS Intrinsic & Extrinsic Sizing Module Level 3</ h1 >
1932
20- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 28 August 2012</ h2 >
33+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 31 August 2012</ h2 >
2134
2235 < dl > <!--
2336 <dt>This version:
24- <dd><a href="http://www.w3.org/TR/2012/ED-css3-sizing-20120828 /">http://www.w3.org/TR/2012/ED-css3-sizing-20120828 /</a>
37+ <dd><a href="http://www.w3.org/TR/2012/ED-css3-sizing-20120831 /">http://www.w3.org/TR/2012/ED-css3-sizing-20120831 /</a>
2538-->
2639
2740 < dt > Latest version:
2841
2942 < dd > < a
3043 href ="http://dev.w3.org/csswg/css3-sizing/ "> http://dev.w3.org/csswg/css3-sizing/</ a >
31-
3244
3345 < dt > Editor's draft:
3446
3547 < dd > < a
3648 href ="http://dev.w3.org/csswg/css3-sizing/ "> http://dev.w3.org/csswg/css3-sizing/</ a >
37-
3849
3950 < dt > Issue Tracking:
4051
@@ -280,7 +291,6 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
280291 < dd > A size that is not < a href ="#definite-size "> < i > definite</ i > </ a > . An
281292 < a href ="#indefinite-size "> < i > indefinite</ i > </ a > < a
282293 href ="#available-size "> < i > available size</ i > </ a > is essentially infinite.
283-
284294
285295 < dt > < dfn id =available-size
286296 title ="available|available size|available measure|available extent "> available
@@ -309,7 +319,6 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
309319 href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a >
310320 and computed by the rules in < a
311321 href ="http://www.w3.org/TR/CSS21/visudet.html#blockwidth "> CSS2.1§10.3.3</ a > .
312-
313322
314323 < dt > < dfn id =max-content-measure > max-content measure</ dfn >
315324
@@ -322,7 +331,6 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
322331 href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a >
323332 and the < i > maximum cell width</ i > in < a
324333 href ="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout "> CSS2.1§17.5.2.2</ a > .
325-
326334
327335 < dt > < dfn id =min-content-measure > min-content measure</ dfn >
328336
@@ -337,7 +345,6 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
337345 href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a >
338346 and the < i > minimum content width</ i > in < a
339347 href ="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout "> CSS2.1§17.5.2.2</ a > .
340-
341348
342349 < dt > < dfn id =fit-content-measure > fit-content measure</ dfn >
343350
@@ -513,7 +520,6 @@ <h3 id=width-height-keywords><span class=secno>3.1. </span> New Keywords
513520
514521 < p class =issue > If the measure is ‘< code class =css > auto</ code > ’, we
515522 could have min-content extent imply a max-content measure, and vice versa.
516-
517523
518524 < h3 id =the-contain-floats-value > < span class =secno > 3.2. </ span > Containing
519525 Floats</ h3 >
@@ -772,30 +778,18 @@ <h3 id=multicol-intrinsic><span class=secno>4.5. </span> Intrinsic Sizes in
772778 http://lists.w3.org/Archives/Public/www-style/2011Apr/0316.html
773779 http://lists.w3.org/Archives/Public/www-style/2011May/0468.html
774780
775- < p class =issue > This section is under discussion and may be removed
776-
777- < dl >
778- < dt > min-content
779-
780- < dd > The < a href ="#min-content "> < i > min-content</ i > </ a > measure of the
781- multi-column element is the < a href ="#min-content "> < i > min-content</ i > </ a >
782- measure of the multi-column element's contents.
783-
784- < dt > max-content
785- </ dl >
786-
787- < p > For multi-column elements laid out with infinite available measure (see
788- < a href ="#orthogonal-multicol "> Multi-column Layout in Orthogonal
789- Flows</ a > ), the < a href ="#min-content "> < i > min-content</ i > </ a > extent is
790- the extent that would result from taking every permissible pagination
791- break as a column break, and the < a
792- href ="#max-content "> < i > max-content</ i > </ a > extent is the extent that would
793- result from taking only the forced breaks. For all other multi-column
794- elements it is, like CSS2.1 block-level boxes, the extent that would be
795- calculated for an ‘< code class =css > auto</ code > ’ extent per
796- [[CSS3MULTICOL]].
797-
798- < pre >
781+ < p class =issue > This section is under discussion and may be removed.</ p >
782+ <!--
783+ <p>For multi-column elements laid out with infinite available measure (see
784+ <a href="#orthogonal-multicol">Multi-column Layout in Orthogonal Flows</a>),
785+ the <i>min-content</i> extent is the extent that would result
786+ from taking every permissible pagination break as a column break, and the
787+ <i>max-content</i> extent is the extent that would result from taking
788+ only the forced breaks. For all other multi-column elements it is, like
789+ CSS2.1 block-level boxes, the extent that would be calculated for an
790+ ''auto'' extent per [[CSS3MULTICOL]].
791+
792+ <pre>
799793NOTES FROM ROSSEN:
800794 min-content measure is min(column-width, min-content)
801795 max-content measure is
@@ -810,6 +804,19 @@ <h3 id=multicol-intrinsic><span class=secno>4.5. </span> Intrinsic Sizes in
810804 overflow when colspans present.
811805</pre>
812806
807+ <p>
808+ The <i>min-content measure</i> of a multi-column element is
809+ the smaller of its 'column-width' and the <i>min-measure contribution</i>
810+ of its contents.
811+
812+ <p>
813+ The <i>max-content measure</i> of a multi-column element is calculated by:
814+ <ul>
815+ <li>Laying out the element with column-spanning elements given 'display: none',
816+ and taking a measure that includes all the columns.
817+ <li>Laying out the element, including column-spanning elements, into that resulting measure.
818+ -->
819+
813820 < h2 id =extrinsic-sizing > < span class =secno > 5. </ span > Extrinsic Size
814821 Determination</ h2 >
815822
@@ -859,7 +866,6 @@ <h2 id=extrinsic-sizing><span class=secno>5. </span> Extrinsic Size
859866 T:::::::::T h:::::h h:::::h ee:::::::::::::e E::::::::::::::::::::E n::::n n::::n d:::::::::ddd::::d
860867 TTTTTTTTTTT hhhhhhh hhhhhhh eeeeeeeeeeeeee EEEEEEEEEEEEEEEEEEEEEE nnnnnn nnnnnn ddddddddd ddddd
861868-->
862-
863869
864870 < h2 id =conformance > < span class =secno > 6. </ span > Conformance</ h2 >
865871
@@ -882,7 +888,7 @@ <h3 id=conventions><span class=secno>6.1. </span> Document conventions</h3>
882888 < code > class="example"</ code > , like this:
883889
884890 < div class =example >
885- < p > This is an example of an informative example.</ p >
891+ < p > This is an example of an informative example.
886892 </ div >
887893
888894 < p > Informative notes begin with the word “Note” and are set apart from
@@ -1060,7 +1066,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
10601066 Sheets Level 2 Revision 1 (CSS 2.1) Specification.</ cite > </ a > 7 June
10611067 2011. W3C Recommendation. URL: < a
10621068 href ="http://www.w3.org/TR/2011/REC-CSS2-20110607 "> http://www.w3.org/TR/2011/REC-CSS2-20110607</ a >
1063- </ dd >
1069+ </ dd >
10641070 <!---->
10651071
10661072 < dt id =CSS3-FLEXBOX > [CSS3-FLEXBOX]
@@ -1070,7 +1076,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
10701076 Flexible Box Layout Module.</ cite > </ a > 12 June 2012. W3C Working Draft.
10711077 (Work in progress.) URL: < a
10721078 href ="http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/ "> http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/</ a >
1073- </ dd >
1079+ </ dd >
10741080 <!---->
10751081
10761082 < dt id =CSS3-IMAGES > [CSS3-IMAGES]
@@ -1080,7 +1086,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
10801086 Values and Replaced Content Module Level 3.</ cite > </ a > 17 April 2012. W3C
10811087 Candidate Recommendation. (Work in progress.) URL: < a
10821088 href ="http://www.w3.org/TR/2012/CR-css3-images-20120417/ "> http://www.w3.org/TR/2012/CR-css3-images-20120417/</ a >
1083- </ dd >
1089+ </ dd >
10841090 <!---->
10851091
10861092 < dt id =CSS3COL > [CSS3COL]
@@ -1090,7 +1096,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
10901096 Multi-column Layout Module.</ cite > </ a > 12 April 2011. W3C Candidate
10911097 Recommendation. (Work in progress.) URL: < a
10921098 href ="http://www.w3.org/TR/2011/CR-css3-multicol-20110412 "> http://www.w3.org/TR/2011/CR-css3-multicol-20110412</ a >
1093- </ dd >
1099+ </ dd >
10941100 <!---->
10951101
10961102 < dt id =RFC2119 > [RFC2119]
@@ -1099,7 +1105,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
10991105 words for use in RFCs to Indicate Requirement Levels.</ cite > </ a > Internet
11001106 RFC 2119. URL: < a
11011107 href ="http://www.ietf.org/rfc/rfc2119.txt "> http://www.ietf.org/rfc/rfc2119.txt</ a >
1102- </ dd >
1108+ </ dd >
11031109 <!---->
11041110 </ dl >
11051111 <!--end-normative-->
@@ -1118,7 +1124,7 @@ <h3 class=no-num id=other-references> Other references</h3>
11181124 href ="http://www.w3.org/TR/2011/REC-css3-color-20110607 "> < cite > CSS Color
11191125 Module Level 3.</ cite > </ a > 7 June 2011. W3C Recommendation. URL: < a
11201126 href ="http://www.w3.org/TR/2011/REC-css3-color-20110607 "> http://www.w3.org/TR/2011/REC-css3-color-20110607</ a >
1121- </ dd >
1127+ </ dd >
11221128 <!---->
11231129 </ dl >
11241130 <!--end-informative-->
@@ -1226,7 +1232,6 @@ <h2 class=no-num id=index> Index</h2>
12261232 title ="min-size contribution "> < strong > 2.</ strong > </ a >
12271233
12281234 < li > renderer, < a href ="#renderer " title =renderer > < strong > 6.2.</ strong > </ a >
1229-
12301235
12311236 < li > ‘< a href ="#repudiate-floats "> < code
12321237 class =css > repudiate-floats</ code > </ a > ’, < a href ="#repudiate-floats "
0 commit comments