202202</ a > </ p >
203203 < h1 class ="p-name no-ref " id =title > CSS Flexible Box Layout Module Level 1</ h1 >
204204 < h2 class ="no-num no-toc no-ref heading settled heading " id =subtitle > < span class =content > Editor’s Draft,
205- < span class =dt-updated > < span class =value-title title =20131008 > 8 October 2013</ span > </ span > </ span > </ h2 >
205+ < span class =dt-updated > < span class =value-title title =20131010 > 10 October 2013</ span > </ span > </ span > </ h2 >
206206 < div data-fill-with =spec-metadata > < dl > < dt > This version:< dd > < a class =u-url href =http://dev.w3.org/csswg/css-flexbox/ > http://dev.w3.org/csswg/css-flexbox/</ a > < dt > Latest version:< dd > < a href =http://www.w3.org/TR/css3-flexbox/ > http://www.w3.org/TR/css3-flexbox/</ a > < dt > Editor’s Draft:< dd > < a href =http://dev.w3.org/csswg/css-flexbox/ > http://dev.w3.org/csswg/css-flexbox/</ a > < dt > Previous Versions:< dd > < a href =http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ rel =previous > http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/</ a > < dd > < a href =http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/ rel =previous > http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/</ a > < dd > < a href =http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/ rel =previous > http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/</ a > < dd > < a href =http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/ rel =previous > http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/</ a > < dd > < a href =http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/ rel =previous > http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/</ a > < dd > < a href =http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/ rel =previous > http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/</ a >
207207 < dt > Feedback:</ dt >
208208 < dd > < a href ="mailto:www-style@w3.org?subject=%5Bcss-flexbox%5D%20feedback "> www-style@w3.org</ a >
@@ -223,7 +223,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=abstract><span class
223223
224224< h2 class ="no-num no-toc no-ref heading settled heading " id =status > < span class =content > Status of this document</ span > </ h2 >
225225< div data-fill-with =status > < p >
226- This is a public copy of the editors' draft.
226+ This is a public copy of the editors’ draft.
227227 It is provided for discussion only and may change at any moment.
228228 Its publication here does not imply endorsement of its contents by W3C.
229229 Don’t cite this document other than as work in progress.
@@ -2431,11 +2431,11 @@ <h2 class="heading settled heading" data-level=10 id=pagination><span class=secn
24312431
24322432 < li >
24332433 In a row flex container,
2434- < a href =http://www.w3.org/TR/css3-break/#btw-blocks > Class 1 break opportunities</ a > occur between sibling flex lines,
2435- and < a href =http://www.w3.org/TR/css3-break/#end-block > Class 3 break opportunities</ a > occur between the first/last flex line and the flex container’s content edges.
2434+ < a href =http://www.w3.org/TR/css3-break/#btw-blocks > Class A break opportunities</ a > occur between sibling flex lines,
2435+ and < a href =http://www.w3.org/TR/css3-break/#end-block > Class C break opportunities</ a > occur between the first/last flex line and the flex container’s content edges.
24362436 In a column flex container,
2437- < a href =http://www.w3.org/TR/css3-break/#btw-blocks > Class 1 break opportunities</ a > occur between sibling flex items,
2438- and < a href =http://www.w3.org/TR/css3-break/#end-block > Class 3 break opportunities</ a > occur between the first/last flex items on a line and the flex container’s content edges.
2437+ < a href =http://www.w3.org/TR/css3-break/#btw-blocks > Class A break opportunities</ a > occur between sibling flex items,
2438+ and < a href =http://www.w3.org/TR/css3-break/#end-block > Class C break opportunities</ a > occur between the first/last flex items on a line and the flex container’s content edges.
24392439 < a data-biblio-type =normative data-link-type =biblio href =#css3-break title =css3-break > [CSS3-BREAK]</ a >
24402440
24412441 < li >
@@ -2774,6 +2774,7 @@ <h2 class="no-num heading settled heading" id=changes><span class=content>Change
27742774 </ ul >
27752775
27762776 < p > A < a href =http://dev.w3.org/csswg/css3-flexbox/issues-cr-2012 > Disposition of Candidate Recommendation Comments</ a > is available.
2777+
27772778< h2 class ="no-ref no-num heading settled heading " id =conformance > < span class =content >
27782779Conformance</ span > < a class =self-link href =#conformance > </ a > </ h2 >
27792780
@@ -2909,14 +2910,31 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
29092910Index</ span > < a class =self-link href =#index > </ a > </ h2 >
29102911< div data-fill-with =index > < ul class =indexlist >
29112912< li > align-content, < a href =#propdef-align-content title ="section 8.4 "> 8.4</ a >
2912- < li > align-items, < a href =#propdef-align-items title ="section 8.3 "> 8.3</ a >
2913- < li > align-self, < a href =#propdef-align-self title ="section 8.3 "> 8.3</ a >
2914- < li > auto< ul > < li > < small > value for flex-basis, < a href =#valuedef-auto0 title ="section 7.3.3 "> 7.3.3</ a > </ small >
2915- < li > < small > value for align-self, < a href =#valuedef-auto title ="section 8.3 "> 8.3</ a > </ small >
2913+ < dl > < dt > Property Values:< dd > flex-start, < a href =#valuedef-flex-start title ="section 8.4 "> 8.4</ a >
2914+ < dd > flex-end, < a href =#valuedef-flex-end title ="section 8.4 "> 8.4</ a >
2915+ < dd > center, < a href =#valuedef-center title ="section 8.4 "> 8.4</ a >
2916+ < dd > space-between, < a href =#valuedef-space-between title ="section 8.4 "> 8.4</ a >
2917+ < dd > space-around, < a href =#valuedef-space-around title ="section 8.4 "> 8.4</ a >
2918+ < dd > stretch, < a href =#valuedef-stretch title ="section 8.4 "> 8.4</ a >
2919+ </ dl > < li > align-items, < a href =#propdef-align-items title ="section 8.3 "> 8.3</ a >
2920+ < dl > < dt > Property Values:< dd > flex-start, < a href =#valuedef-flex-start1 title ="section 8.3 "> 8.3</ a >
2921+ < dd > flex-end, < a href =#valuedef-flex-end1 title ="section 8.3 "> 8.3</ a >
2922+ < dd > center, < a href =#valuedef-center1 title ="section 8.3 "> 8.3</ a >
2923+ < dd > baseline, < a href =#valuedef-baseline title ="section 8.3 "> 8.3</ a >
2924+ < dd > stretch, < a href =#valuedef-stretch0 title ="section 8.3 "> 8.3</ a >
2925+ </ dl > < li > align-self, < a href =#propdef-align-self title ="section 8.3 "> 8.3</ a >
2926+ < dl > < dt > Property Values:< dd > auto, < a href =#valuedef-auto title ="section 8.3 "> 8.3</ a >
2927+ < dd > flex-start, < a href =#valuedef-flex-start1 title ="section 8.3 "> 8.3</ a >
2928+ < dd > flex-end, < a href =#valuedef-flex-end1 title ="section 8.3 "> 8.3</ a >
2929+ < dd > center, < a href =#valuedef-center1 title ="section 8.3 "> 8.3</ a >
2930+ < dd > baseline, < a href =#valuedef-baseline title ="section 8.3 "> 8.3</ a >
2931+ < dd > stretch, < a href =#valuedef-stretch0 title ="section 8.3 "> 8.3</ a >
2932+ </ dl > < li > auto< ul > < li > value for flex-basis, < a href =#valuedef-auto0 title ="section 7.3.3 "> 7.3.3</ a >
2933+ < li > value for align-self, < a href =#valuedef-auto title ="section 8.3 "> 8.3</ a >
29162934</ ul > < li > baseline, < a href =#valuedef-baseline title ="section 8.3 "> 8.3</ a >
2917- < li > center< ul > < li > < small > value for justify-content, < a href =#valuedef-center0 title ="section 8.2 "> 8.2</ a > </ small >
2918- < li > < small > value for align-items, align-self, < a href =#valuedef-center1 title ="section 8.3 "> 8.3</ a > </ small >
2919- < li > < small > value for align-content, < a href =#valuedef-center title ="section 8.4 "> 8.4</ a > </ small >
2935+ < li > center< ul > < li > value for justify-content, < a href =#valuedef-center0 title ="section 8.2 "> 8.2</ a >
2936+ < li > value for align-items, align-self, < a href =#valuedef-center1 title ="section 8.3 "> 8.3</ a >
2937+ < li > value for align-content, < a href =#valuedef-center title ="section 8.4 "> 8.4</ a >
29202938</ ul > < li > collapsed, < a href =#collapsed-flex-itemcollapsed title ="section 4.4 "> 4.4</ a >
29212939< li > collapsed flex item, < a href =#collapsed-flex-itemcollapsed title ="section 4.4 "> 4.4</ a >
29222940< li > column, < a href =#valuedef-column title ="section 5.1 "> 5.1</ a >
@@ -2932,42 +2950,59 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
29322950< li > definite, < a href =#definitedefinite-size title ="section 9 "> 9</ a >
29332951< li > definite size, < a href =#definitedefinite-size title ="section 9 "> 9</ a >
29342952< li > display, < a href =#propdef-display title ="section 3 "> 3</ a >
2935- < li > flex< ul > < li > < small > value for display, < a href =#valuedef-flex title ="section 3 "> 3</ a > </ small >
2936- < li > < small > (property), < a href =#propdef-flex title ="section 7.1 "> 7.1</ a > </ small >
2953+ < dl > < dt > Property Values:< dd > flex, < a href =#valuedef-flex title ="section 3 "> 3</ a >
2954+ < dd > inline-flex, < a href =#valuedef-inline-flex title ="section 3 "> 3</ a >
2955+ </ dl > < li > flex< ul > < li > value for display, < a href =#valuedef-flex title ="section 3 "> 3</ a >
2956+ < li > (property), < a href =#propdef-flex title ="section 7.1 "> 7.1</ a >
29372957</ ul > < li > flex base size, < a href =#flex-base-size title ="section 9.2 "> 9.2</ a >
29382958< li > flex basis, < a href =#flex-basis title ="section 7.1 "> 7.1</ a >
29392959< li > flex-basis, < a href =#propdef-flex-basis title ="section 7.3.3 "> 7.3.3</ a >
2940- < li > <‘flex-basis’>, < a href =#valuedef-flex-basis title ="section 7.1 "> 7.1</ a >
2960+ < dl > < dt > Property Values:< dd > auto, < a href =#valuedef-auto0 title ="section 7.3.3 "> 7.3.3</ a >
2961+ </ dl > < li > <‘flex-basis’>, < a href =#valuedef-flex-basis title ="section 7.1 "> 7.1</ a >
29412962< li > flex container, < a href =#flex-container title ="section 3 "> 3</ a >
29422963< li > flex-direction, < a href =#propdef-flex-direction title ="section 5.1 "> 5.1</ a >
2943- < li > flex direction, < a href =#flex-direction title ="section 2 "> 2</ a >
2944- < li > flex-end< ul > < li > < small > value for justify-content, < a href =#valuedef-flex-end0 title ="section 8.2 "> 8.2</ a > </ small >
2945- < li > < small > value for align-items, align-self, < a href =#valuedef-flex-end1 title ="section 8.3 "> 8.3</ a > </ small >
2946- < li > < small > value for align-content, < a href =#valuedef-flex-end title ="section 8.4 "> 8.4</ a > </ small >
2964+ < dl > < dt > Property Values:< dd > row, < a href =#valuedef-row title ="section 5.1 "> 5.1</ a >
2965+ < dd > row-reverse, < a href =#valuedef-row-reverse title ="section 5.1 "> 5.1</ a >
2966+ < dd > column, < a href =#valuedef-column title ="section 5.1 "> 5.1</ a >
2967+ < dd > column-reverse, < a href =#valuedef-column-reverse title ="section 5.1 "> 5.1</ a >
2968+ </ dl > < li > flex direction, < a href =#flex-direction title ="section 2 "> 2</ a >
2969+ < li > flex-end< ul > < li > value for justify-content, < a href =#valuedef-flex-end0 title ="section 8.2 "> 8.2</ a >
2970+ < li > value for align-items, align-self, < a href =#valuedef-flex-end1 title ="section 8.3 "> 8.3</ a >
2971+ < li > value for align-content, < a href =#valuedef-flex-end title ="section 8.4 "> 8.4</ a >
29472972</ ul > < li > flex-flow, < a href =#propdef-flex-flow title ="section 5.3 "> 5.3</ a >
29482973< li > flex formatting context, < a href =#flex-formatting-context title ="section 3 "> 3</ a >
29492974< li > flex-grow, < a href =#propdef-flex-grow title ="section 7.3.1 "> 7.3.1</ a >
2950- < li > <‘flex-grow’>, < a href =#valuedef-flex-grow title ="section 7.1 "> 7.1</ a >
2975+ < dl > < dt > Property Values:< dd > <number>, < a href =#valuedef-number0 title ="section 7.3.1 "> 7.3.1</ a >
2976+ </ dl > < li > <‘flex-grow’>, < a href =#valuedef-flex-grow title ="section 7.1 "> 7.1</ a >
29512977< li > flex grow factor, < a href =#flex-grow-factor title ="section 7.1 "> 7.1</ a >
29522978< li > flexible length, < a href =#flexible-length title ="section 7.1 "> 7.1</ a >
29532979< li > flex item, < a href =#flex-item title ="section 4 "> 4</ a >
29542980< li > flex layout, < a href =#flex-layout title ="section 1 "> 1</ a >
29552981< li > flex line, < a href =#flex-line title ="section 6 "> 6</ a >
29562982< li > <‘flex-shrink’>, < a href =#valuedef-flex-shrink title ="section 7.1 "> 7.1</ a >
29572983< li > flex-shrink, < a href =#propdef-flex-shrink title ="section 7.3.2 "> 7.3.2</ a >
2958- < li > flex shrink factor, < a href =#flex-shrink-factor title ="section 7.1 "> 7.1</ a >
2959- < li > flex-start< ul > < li > < small > value for justify-content, < a href =#valuedef-flex-start0 title ="section 8.2 "> 8.2</ a > </ small >
2960- < li > < small > value for align-items, align-self, < a href =#valuedef-flex-start1 title ="section 8.3 "> 8.3</ a > </ small >
2961- < li > < small > value for align-content, < a href =#valuedef-flex-start title ="section 8.4 "> 8.4</ a > </ small >
2984+ < dl > < dt > Property Values:< dd > <number>, < a href =#valuedef-number title ="section 7.3.2 "> 7.3.2</ a >
2985+ </ dl > < li > flex shrink factor, < a href =#flex-shrink-factor title ="section 7.1 "> 7.1</ a >
2986+ < li > flex-start< ul > < li > value for justify-content, < a href =#valuedef-flex-start0 title ="section 8.2 "> 8.2</ a >
2987+ < li > value for align-items, align-self, < a href =#valuedef-flex-start1 title ="section 8.3 "> 8.3</ a >
2988+ < li > value for align-content, < a href =#valuedef-flex-start title ="section 8.4 "> 8.4</ a >
29622989</ ul > < li > flex-wrap, < a href =#propdef-flex-wrap title ="section 5.2 "> 5.2</ a >
2963- < li > hypothetical cross size, < a href =#hypothetical-cross-size title ="section 9.4 "> 9.4</ a >
2990+ < dl > < dt > Property Values:< dd > nowrap, < a href =#valuedef-nowrap title ="section 5.2 "> 5.2</ a >
2991+ < dd > wrap, < a href =#valuedef-wrap title ="section 5.2 "> 5.2</ a >
2992+ < dd > wrap-reverse, < a href =#valuedef-wrap-reverse title ="section 5.2 "> 5.2</ a >
2993+ </ dl > < li > hypothetical cross size, < a href =#hypothetical-cross-size title ="section 9.4 "> 9.4</ a >
29642994< li > hypothetical main size, < a href =#hypothetical-main-size title ="section 9.2 "> 9.2</ a >
29652995< li > indefinite, < a href =#indefiniteindefinite-size title ="section 9 "> 9</ a >
29662996< li > indefinite size, < a href =#indefiniteindefinite-size title ="section 9 "> 9</ a >
29672997< li > inline-flex, < a href =#valuedef-inline-flex title ="section 3 "> 3</ a >
29682998< li > <integer>, < a href =#valuedef-integer title ="section 5.4 "> 5.4</ a >
29692999< li > justify-content, < a href =#propdef-justify-content title ="section 8.2 "> 8.2</ a >
2970- < li > main axis, < a href =#main-axismain-axis title ="section 2 "> 2</ a >
3000+ < dl > < dt > Property Values:< dd > flex-start, < a href =#valuedef-flex-start0 title ="section 8.2 "> 8.2</ a >
3001+ < dd > flex-end, < a href =#valuedef-flex-end0 title ="section 8.2 "> 8.2</ a >
3002+ < dd > center, < a href =#valuedef-center0 title ="section 8.2 "> 8.2</ a >
3003+ < dd > space-between, < a href =#valuedef-space-between0 title ="section 8.2 "> 8.2</ a >
3004+ < dd > space-around, < a href =#valuedef-space-around0 title ="section 8.2 "> 8.2</ a >
3005+ </ dl > < li > main axis, < a href =#main-axismain-axis title ="section 2 "> 2</ a >
29713006< li > main-axis, < a href =#main-axismain-axis title ="section 2 "> 2</ a >
29723007< li > main-axis baseline, < a href =#main-axis-baseline title ="section 8.5 "> 8.5</ a >
29733008< li > main dimension, < a href =#main-dimension title ="section 2 "> 2</ a >
@@ -2982,20 +3017,21 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
29823017< li > multi-line, < a href =#multi-line title ="section 6 "> 6</ a >
29833018< li > none, < a href =#valuedef-none title ="section 7.1 "> 7.1</ a >
29843019< li > nowrap, < a href =#valuedef-nowrap title ="section 5.2 "> 5.2</ a >
2985- < li > <number>< ul > < li > < small > value for flex-grow, < a href =#valuedef-number0 title ="section 7.3.1 "> 7.3.1</ a > </ small >
2986- < li > < small > value for flex-shrink, < a href =#valuedef-number title ="section 7.3.2 "> 7.3.2</ a > </ small >
3020+ < li > <number>< ul > < li > value for flex-grow, < a href =#valuedef-number0 title ="section 7.3.1 "> 7.3.1</ a >
3021+ < li > value for flex-shrink, < a href =#valuedef-number title ="section 7.3.2 "> 7.3.2</ a >
29873022</ ul > < li > order, < a href =#propdef-order title ="section 5.4 "> 5.4</ a >
2988- < li > participates in baseline alignment, < a href =#baseline-participation title ="section 8.3 "> 8.3</ a >
3023+ < dl > < dt > Property Values:< dd > <integer>, < a href =#valuedef-integer title ="section 5.4 "> 5.4</ a >
3024+ </ dl > < li > participates in baseline alignment, < a href =#baseline-participation title ="section 8.3 "> 8.3</ a >
29893025< li > row, < a href =#valuedef-row title ="section 5.1 "> 5.1</ a >
29903026< li > row-reverse, < a href =#valuedef-row-reverse title ="section 5.1 "> 5.1</ a >
29913027< li > scaled flex shrink factor, < a href =#scaled-flex-shrink-factor title ="section 9.7 "> 9.7</ a >
29923028< li > single-line, < a href =#single-line title ="section 6 "> 6</ a >
2993- < li > space-around< ul > < li > < small > value for justify-content, < a href =#valuedef-space-around0 title ="section 8.2 "> 8.2</ a > </ small >
2994- < li > < small > value for align-content, < a href =#valuedef-space-around title ="section 8.4 "> 8.4</ a > </ small >
2995- </ ul > < li > space-between< ul > < li > < small > value for justify-content, < a href =#valuedef-space-between0 title ="section 8.2 "> 8.2</ a > </ small >
2996- < li > < small > value for align-content, < a href =#valuedef-space-between title ="section 8.4 "> 8.4</ a > </ small >
2997- </ ul > < li > stretch< ul > < li > < small > value for align-items, align-self, < a href =#valuedef-stretch0 title ="section 8.3 "> 8.3</ a > </ small >
2998- < li > < small > value for align-content, < a href =#valuedef-stretch title ="section 8.4 "> 8.4</ a > </ small >
3029+ < li > space-around< ul > < li > value for justify-content, < a href =#valuedef-space-around0 title ="section 8.2 "> 8.2</ a >
3030+ < li > value for align-content, < a href =#valuedef-space-around title ="section 8.4 "> 8.4</ a >
3031+ </ ul > < li > space-between< ul > < li > value for justify-content, < a href =#valuedef-space-between0 title ="section 8.2 "> 8.2</ a >
3032+ < li > value for align-content, < a href =#valuedef-space-between title ="section 8.4 "> 8.4</ a >
3033+ </ ul > < li > stretch< ul > < li > value for align-items, align-self, < a href =#valuedef-stretch0 title ="section 8.3 "> 8.3</ a >
3034+ < li > value for align-content, < a href =#valuedef-stretch title ="section 8.4 "> 8.4</ a >
29993035</ ul > < li > strut size, < a href =#strut-size title ="section 9.4 "> 9.4</ a >
30003036< li > wrap, < a href =#valuedef-wrap title ="section 5.2 "> 5.2</ a >
30013037< li > wrap-reverse, < a href =#valuedef-wrap-reverse title ="section 5.2 "> 5.2</ a >
0 commit comments