changeset
[css-flexbox] Initial commit of a bunch of rephrasings of Resolving Flexible Lengths.
Tue, 06 May 2014 15:34:54 -0700
- author
- fantasai <fantasai.cvs@inkedblade.net>
- date
- Tue, 06 May 2014 15:34:54 -0700
- changeset 13863
- e6fb786edca2
- parent 13862
- 829328038421
- child 13864
- 0d17a89bfe10
[css-flexbox] Initial commit of a bunch of rephrasings of Resolving Flexible Lengths.
1.1 --- a/css-flexbox/Overview.bs Tue May 06 18:27:24 2014 -0400 1.2 +++ b/css-flexbox/Overview.bs Tue May 06 15:34:54 2014 -0700 1.3 @@ -2322,8 +2322,9 @@ 1.4 <li> 1.5 <strong>Size inflexible items.</strong> 1.6 For any items that have a flex factor of zero, 1.7 - set their used main size 1.8 - to their <i>hypothetical main size</i>. 1.9 + set their <i>target main size</i> 1.10 + to their <i>hypothetical main size</i> 1.11 + and freeze them. 1.12 1.13 If the <i>flex grow factor</i> is being used for this algorithm, 1.14 if any flexible items have a <a>flex base size</a> greater than their <a>hypothetical main size</a>, 1.15 @@ -2336,107 +2337,90 @@ 1.16 and freeze them. 1.17 1.18 <li> 1.19 - <strong>Calculate free space.</strong> 1.20 - Sum the sizes of all items on the line: 1.21 - for frozen items, 1.22 - use their outer main size; 1.23 - for all other items, 1.24 - both flexible and inflexible, 1.25 - use their outer <a>flex base size</a>. 1.26 - Subtract this sum from the flex container's inner main size. 1.27 - This is the free space. 1.28 + <strong>Calculate initial <dfn>free space</dfn>.</strong> 1.29 + Sum the outer sizes of all items on the line, 1.30 + and subtract this from the flex container's inner main size. 1.31 + For frozen items, use their used main size; 1.32 + for other items, use their <a>flex base size</a>. 1.33 + This is the initial <i>free space</i>. 1.34 1.35 <li> 1.36 - <strong>Calculate desired free space.</strong> 1.37 - If the free space is zero or positive, 1.38 - then for each <a>flex item</a> on the line, 1.39 - its <var>originally desired free space</var> 1.40 - is the free space multiplied by the flex grow factor. 1.41 - 1.42 - Otherwise, if the free space is negative, 1.43 - then first sum the flex shrink factors of all the flex items on the line. 1.44 - If this number is greater than 1, set it to 1. 1.45 - Let this result be the <var>scaled flex factor sum</var>. 1.46 - For each flex item, multiply its flex shrink factor by its <a>flex base size</a>. 1.47 - Then, renormalize each flex shrink factor so that their sum is the <var>scaled flex factor sum</var>. 1.48 - Then, multiply the flex shrink factor by the free space, 1.49 - and let the result be the <var>originally desired free space</var>. 1.50 + <strong>Calculate each item‘s <dfn>desired free space</dfn>.</strong> 1.51 + <li> 1.52 + If the initial <i>free space</i> is zero or positive, 1.53 + each <i>flex item</i>’s <i>desired free space</i> is 1.54 + the initial <i>free space</i> multiplied by the item’s <i>flex grow factor</i>. 1.55 + <li> 1.56 + If the initial <i>free space</i> is negative, 1.57 + then first sum the flex shrink factors of all the flex items on the line. 1.58 + If this number is greater than 1, set it to 1. 1.59 + Let this result be the <var>scaled flex factor sum</var>. 1.60 + For each flex item, multiply its flex shrink factor by its <a>flex base size</a>. 1.61 + Then, normalize each <i>flex shrink factor</i> so that their sum is the <var>scaled flex factor sum</var>. 1.62 + Then, multiply the <i>flex shrink factor</i> by the initial <i>free space</i>, 1.63 + and let the result be the <i>desired free space</var>. 1.64 + </dl> 1.65 1.66 <li> 1.67 - Loop: 1.68 - 1.69 - <ol> 1.70 + <strong>Distribute <i>free space</i>.</strong> 1.71 + <ol type=a> 1.72 <li> 1.73 - <strong>Check that you can distribute any space.</strong> 1.74 - If all the non-frozen flex items on the line have a flex factor of zero, 1.75 - exit the algorithm. 1.76 + <strong>Check for flexible items.</strong> 1.77 + If all the <i>flex items</i> on the line are frozen, 1.78 + free space has been distributed; 1.79 + exit this step. 1.80 1.81 <li> 1.82 - <strong>Reset desired free space.</strong> 1.83 - For each non-frozen flex item on the line, 1.84 - set its <var>desired free space</var> 1.85 - to its <var>originally desired free space</var>. 1.86 + <strong>Calculate the remaining <i>free space</i></strong> 1.87 + as for initial <i>free space</i>, above. 1.88 1.89 <li> 1.90 - <strong>Recalculate free space.</strong> 1.91 - Calculate the free space again, 1.92 - according to the “Calculate free space” step before this loop. 1.93 - <span class='note'>Note that this does not alter the desired free space of the items.</span> 1.94 + <strong>Find each unfrozen item’s <dfn>normalized free space</dfn>.</strong> 1.95 + If the remaining <i>free space</i> is non-zero, 1.96 + and its magnitude is less than that of the sum of the non-frozen <i>flex items</i>’ <i>desired free space</i>, 1.97 + multiply each item’s <i>desired free space</i> 1.98 + by the ratio (<var>remaining free space</var>/<var>initial free space</var>). 1.99 + This is the item’s <i>normalized free space</i>. 1.100 + Otherwise, use each item’s <i>desired free space</i> as its <i>normalized free space</i>. 1.101 1.102 <li> 1.103 - <strong>Normalize desired free space if necessary.</strong> 1.104 - If the free space is positive, 1.105 - and the sum of the <var>desired free spaces</var> of all the non-frozen flex items on the line 1.106 - is greater than the free space, 1.107 - normalize all the <var>desired free spaces</var> so that they sum exactly to the free space 1.108 - while maintaining their magnitudes relative to each other. 1.109 - 1.110 - Otherwise, if the free space is negative, 1.111 - and the sum of the <var>desired free spaces</var> of all the non-frozen flex items on the line 1.112 - is less than the free space, 1.113 - normalize all the <var>desired free spaces</var> so that they sum exactly to the free space 1.114 - while maintaining their magnitudes relative to each other. 1.115 - 1.116 - Otherwise, if the free space is zero, 1.117 - set the <var>desired free spaces</var> of all the non-frozen flex items on the line 1.118 - to zero. 1.119 - 1.120 - <li> 1.121 - <strong>Adjust main size.</strong> 1.122 - Set each non-frozen flex item's used main size 1.123 - to the sum of its <a>flex base size</a> and its <var>desired free space</var>. 1.124 - 1.125 + <strong>Calculate each item’s <dfn>target main size</dfn>.</strong> 1.126 + Set each non-frozen flex item's <i>target main size</i> 1.127 + to the sum of its <a>flex base size</a> and its <var>normalized free space</var>. 1.128 Note: This may result in a negative main size temporarily. 1.129 1.130 <li> 1.131 <strong>Fix min/max violations.</strong> 1.132 - Clamp each non-frozen item's main size by its min and max main size properties. 1.133 + Clamp each non-frozen item's <i>target main size</i> by its min and max main size properties. 1.134 If the item's main size was made smaller by this, it's a max violation. 1.135 If the item's main size was made larger by this, it's a min violation. 1.136 1.137 <li> 1.138 - The total violation is the sum of the adjustments from the previous step 1.139 - (<code><var>clamped size</var> - <var>unclamped size</var></code>). 1.140 + <strong>Freeze over-flexed items.</strong> 1.141 + The total violation is the sum of the adjustments from the previous step, 1.142 + <code>∑(<var>clamped size</var> - <var>unclamped size</var></code>). 1.143 If the total violation is: 1.144 1.145 <dl> 1.146 <dt>Zero 1.147 <dd> 1.148 - Exit the algorithm. 1.149 + Do nothing. 1.150 1.151 <dt>Positive 1.152 <dd> 1.153 - Freeze all the items with min violations, 1.154 - reset all other items to their size upon entering this algorithm, 1.155 - and return to the start of this loop. 1.156 + Freeze all the items with min violations to their clamped size. 1.157 1.158 <dt>Negative 1.159 <dd> 1.160 - Freeze all the items with max violations, 1.161 - reset all other items to their size upon entering this algorithm, 1.162 - and return to the start of this loop. 1.163 + Freeze all the items with max violations to their clamped size. 1.164 </dl> 1.165 + <li> 1.166 + <strong>Loop:</strong> 1.167 + Return to the first step, “Distribute free space.” 1.168 </ol> 1.169 + <li> 1.170 + <strong>Set each fozen item’s used size to its <i>target main size</i>.</strong> 1.171 + Note: All items should be frozen at this point. 1.172 </ol> 1.173 1.174 <h3 id='intrinsic-sizes'>
2.1 --- a/css-flexbox/Overview.html Tue May 06 18:27:24 2014 -0400 2.2 +++ b/css-flexbox/Overview.html Tue May 06 15:34:54 2014 -0700 2.3 @@ -700,7 +700,7 @@ 2.4 is wrapped in an anonymous <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>. 2.5 However, an anonymous flex item that contains only 2.6 <a href=http://www.w3.org/TR/CSS21/text.html#white-space-prop>white space</a> 2.7 - (i.e. characters that can be affected by the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-text-3/#white-space title=white-space>white-space</a> property) 2.8 + (i.e. characters that can be affected by the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-text-3/#propdef-white-space title=white-space>white-space</a> property) 2.9 is not rendered, as if it were <span class=css data-link-type=maybe title=display:none>display:none</span>. 2.10 2.11 <p> 2.12 @@ -2209,9 +2209,9 @@ 2.13 2.14 <p>If the flex container has only one flex line 2.15 (even if it’s a multi-line flex container), 2.16 - then clamp the line’s cross-size to be within the container’s computed min and max cross-size properties. 2.17 + then clamp the line’s cross-size to be within the container’s computed min and max cross-size properties.</p> 2.18 <span class=note>Note that if CSS 2.1’s definition of min/max-width/height applied more generally, 2.19 - this behavior would fall out automatically.</span></p> 2.20 + this behavior would fall out automatically.</span> 2.21 </ol> 2.22 2.23 2.24 @@ -2349,8 +2349,9 @@ 2.25 <li> 2.26 <strong>Size inflexible items.</strong> 2.27 For any items that have a flex factor of zero, 2.28 - set their used main size 2.29 - to their <a data-link-type=dfn href=#hypothetical-main-size title="hypothetical main size">hypothetical main size</a>. 2.30 + set their <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> 2.31 + to their <a data-link-type=dfn href=#hypothetical-main-size title="hypothetical main size">hypothetical main size</a> 2.32 + and freeze them. 2.33 2.34 <p>If the <a data-link-type=dfn href=#flex-grow-factor title="flex grow factor">flex grow factor</a> is being used for this algorithm, 2.35 if any flexible items have a <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> greater than their <a data-link-type=dfn href=#hypothetical-main-size title="hypothetical main size">hypothetical main size</a>, 2.36 @@ -2363,107 +2364,87 @@ 2.37 and freeze them.</p> 2.38 2.39 <li> 2.40 - <strong>Calculate free space.</strong> 2.41 - Sum the sizes of all items on the line: 2.42 - for frozen items, 2.43 - use their outer main size; 2.44 - for all other items, 2.45 - both flexible and inflexible, 2.46 - use their outer <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>. 2.47 - Subtract this sum from the flex container’s inner main size. 2.48 - This is the free space. 2.49 + <strong>Calculate initial <dfn data-dfn-type=dfn data-noexport="" id=free-space>free space<a class=self-link href=#free-space></a></dfn>.</strong> 2.50 + Sum the outer sizes of all items on the line, 2.51 + and subtract this from the flex container’s inner main size. 2.52 + For frozen items, use their used main size; 2.53 + for other items, use their <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>. 2.54 + This is the initial <a data-link-type=dfn href=#free-space title="free space">free space</a>. 2.55 2.56 <li> 2.57 - <strong>Calculate desired free space.</strong> 2.58 - If the free space is zero or positive, 2.59 - then for each <a data-link-type=dfn href=#flex-item title="flex item">flex item</a> on the line, 2.60 - its <var>originally desired free space</var> 2.61 - is the free space multiplied by the flex grow factor. 2.62 - 2.63 -<p>Otherwise, if the free space is negative, 2.64 - then first sum the flex shrink factors of all the flex items on the line. 2.65 - If this number is greater than 1, set it to 1. 2.66 - Let this result be the <var>scaled flex factor sum</var>. 2.67 - For each flex item, multiply its flex shrink factor by its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>. 2.68 - Then, renormalize each flex shrink factor so that their sum is the <var>scaled flex factor sum</var>. 2.69 - Then, multiply the flex shrink factor by the free space, 2.70 - and let the result be the <var>originally desired free space</var>.</p> 2.71 + <strong>Calculate each item‘s <dfn data-dfn-type=dfn data-noexport="" id=desired-free-space>desired free space<a class=self-link href=#desired-free-space></a></dfn>.</strong> 2.72 + 2.73 +<p>If the free space is zero or positive, 2.74 + each <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>’s <a data-link-type=dfn href=#desired-free-space title="desired free space">desired free space</a> is 2.75 + the initial <a data-link-type=dfn href=#free-space title="free space">free space</a> multiplied by the item’s <a data-link-type=dfn href=#flex-grow-factor title="flex grow factor">flex grow factor</a>.</p> 2.76 + 2.77 +<p>If the free space is negative, 2.78 + …</p> 2.79 + 2.80 + 2.81 2.82 <li> 2.83 - Loop: 2.84 - 2.85 - <ol> 2.86 + <strong>Distribute <a data-link-type=dfn href=#free-space title="free space">free space</a>.</strong> 2.87 + <ol type=a> 2.88 <li> 2.89 <strong>Check that you can distribute any space.</strong> 2.90 - If all the non-frozen flex items on the line have a flex factor of zero, 2.91 - exit the algorithm. 2.92 + If the <a data-link-type=dfn href=#flex-item title="flex items">flex items</a> on the line are either frozen 2.93 + or have a flex factor of zero, 2.94 + free space has been distributed; 2.95 + exit this step. 2.96 2.97 <li> 2.98 - <strong>Reset desired free space.</strong> 2.99 - For each non-frozen flex item on the line, 2.100 - set its <var>desired free space</var> 2.101 - to its <var>originally desired free space</var>. 2.102 + <strong>Calculate the remaining <a data-link-type=dfn href=#free-space title="free space">free space</a></strong> 2.103 + as above. 2.104 2.105 <li> 2.106 - <strong>Recalculate free space.</strong> 2.107 - Calculate the free space again, 2.108 - according to the “Calculate free space” step before this loop. 2.109 - <span class=note>Note that this does not alter the desired free space of the items.</span> 2.110 + <strong>Find each unfrozen item’s <dfn data-dfn-type=dfn data-noexport="" id=normalized-free-space>normalized free space<a class=self-link href=#normalized-free-space></a></dfn>.</strong> 2.111 + If the free space is positive, 2.112 + and the sum of the <a data-link-type=dfn href=#desired-free-space title="desired free spaces">desired free spaces</a> of all the non-frozen <a data-link-type=dfn href=#flex-item title="flex items">flex items</a> 2.113 + is greater than the remaining <a data-link-type=dfn href=#free-space title="free space">free space</a>, 2.114 + multiply each item’s <a data-link-type=dfn href=#desired-free-space title="desired free space">desired free space</a> 2.115 + by the ratio (<var>remaining free space</var>/<var>initial free space</var>). 2.116 + This is the item’s <a data-link-type=dfn href=#normalized-free-space title="normalized free space">normalized free space</a>. 2.117 + 2.118 2.119 <li> 2.120 - <strong>Normalize desired free space if necessary.</strong> 2.121 - If the free space is positive, 2.122 - and the sum of the <var>desired free spaces</var> of all the non-frozen flex items on the line 2.123 - is greater than the free space, 2.124 - normalize all the <var>desired free spaces</var> so that they sum exactly to the free space 2.125 - while maintaining their magnitudes relative to each other. 2.126 - 2.127 -<p>Otherwise, if the free space is negative, 2.128 - and the sum of the <var>desired free spaces</var> of all the non-frozen flex items on the line 2.129 - is less than the free space, 2.130 - normalize all the <var>desired free spaces</var> so that they sum exactly to the free space 2.131 - while maintaining their magnitudes relative to each other.</p> 2.132 - 2.133 -<p>Otherwise, if the free space is zero, 2.134 - set the <var>desired free spaces</var> of all the non-frozen flex items on the line 2.135 - to zero.</p> 2.136 - 2.137 - <li> 2.138 - <strong>Adjust main size.</strong> 2.139 - Set each non-frozen flex item’s used main size 2.140 - to the sum of its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> and its <var>desired free space</var>. 2.141 - 2.142 -<p class=note>Note: This may result in a negative main size temporarily.</p> 2.143 + <strong>Calculate each item’s <dfn data-dfn-type=dfn data-noexport="" id=target-main-size>target main size<a class=self-link href=#target-main-size></a></dfn>.</strong> 2.144 + Set each non-frozen flex item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> 2.145 + to the sum of its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> and its <var>normalized free space</var>. 2.146 + Note: This may result in a negative main size temporarily. 2.147 2.148 <li> 2.149 <strong>Fix min/max violations.</strong> 2.150 - Clamp each non-frozen item’s main size by its min and max main size properties. 2.151 + Clamp each non-frozen item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> by its min and max main size properties. 2.152 If the item’s main size was made smaller by this, it’s a max violation. 2.153 If the item’s main size was made larger by this, it’s a min violation. 2.154 2.155 <li> 2.156 - The total violation is the sum of the adjustments from the previous step 2.157 - (<code><var>clamped size</var> - <var>unclamped size</var></code>). 2.158 + <strong>Freeze over-flexed items.</strong> 2.159 + The total violation is the sum of the adjustments from the previous step, 2.160 + <code>∑(<var>clamped size</var> - <var>unclamped size</var></code>). 2.161 If the total violation is: 2.162 2.163 <dl> 2.164 <dt>Zero 2.165 <dd> 2.166 - Exit the algorithm. 2.167 + Do nothing. 2.168 2.169 <dt>Positive 2.170 <dd> 2.171 - Freeze all the items with min violations, 2.172 - reset all other items to their size upon entering this algorithm, 2.173 - and return to the start of this loop. 2.174 + Freeze all the items with min violations to their clamped size. 2.175 2.176 <dt>Negative 2.177 <dd> 2.178 - Freeze all the items with max violations, 2.179 - reset all other items to their size upon entering this algorithm, 2.180 - and return to the start of this loop. 2.181 + Freeze all the items with max violations to their clamped size. 2.182 </dl> 2.183 + <li> 2.184 + <strong>Loop:</strong> 2.185 + Return to the first step, “Distribute free space.” 2.186 </ol> 2.187 + <li> 2.188 + <strong>Set each fozen item’s used size to its <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>.</strong> 2.189 + Note: All items should be frozen at this point. 2.190 </ol> 2.191 2.192 <h3 class="heading settled heading" data-level=9.8 id=intrinsic-sizes><span class=secno>9.8 </span><span class=content> 2.193 @@ -3189,7 +3170,7 @@ 2.194 <blockquote> 2.195 <p>However, an anonymous flex item that contains only 2.196 <a href=http://www.w3.org/TR/CSS21/text.html#white-space-prop>white space</a> 2.197 - <ins>(i.e. characters that can be affected by the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-text-3/#white-space title=white-space>white-space</a> property)</ins> 2.198 + <ins>(i.e. characters that can be affected by the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-text-3/#propdef-white-space title=white-space>white-space</a> property)</ins> 2.199 is not rendered, as if it were <span class=css data-link-type=maybe title=display:none>display:none</span>. 2.200 </blockquote> 2.201 <li id=clarify-2012-table-anon-boxes><a class=self-link href=#clarify-2012-table-anon-boxes></a> 2.202 @@ -3442,6 +3423,7 @@ 2.203 <li>cross-start, <a href=#cross-start title="section 2">2</a> 2.204 <li>definite, <a href=#definite title="section 9">9</a> 2.205 <li>definite size, <a href=#definite title="section 9">9</a> 2.206 +<li>desired free space, <a href=#desired-free-space title="section 9.7">9.7</a> 2.207 <li>flex<ul><li>value for display, <a href=#valuedef-flex title="section 3">3</a> 2.208 <li>(property), <a href=#propdef-flex title="section 7.1">7.1</a> 2.209 </ul><li>flex base size, <a href=#flex-base-size title="section 9.2">9.2</a> 2.210 @@ -3470,6 +3452,7 @@ 2.211 <li>value for align-items, align-self, <a href=#valuedef-flex-start1 title="section 8.3">8.3</a> 2.212 <li>value for align-content, <a href=#valuedef-flex-start title="section 8.4">8.4</a> 2.213 </ul><li>flex-wrap, <a href=#propdef-flex-wrap title="section 5.2">5.2</a> 2.214 +<li>free space, <a href=#free-space title="section 9.7">9.7</a> 2.215 <li>hypothetical cross size, <a href=#hypothetical-cross-size title="section 9.4">9.4</a> 2.216 <li>hypothetical main size, <a href=#hypothetical-main-size title="section 9.2">9.2</a> 2.217 <li>indefinite, <a href=#indefinite title="section 9">9</a> 2.218 @@ -3491,6 +3474,7 @@ 2.219 <li>min-content main size, <a href=#min-content-main-size title="section 9.8">9.8</a> 2.220 <li>multi-line, <a href=#multi-line title="section 6">6</a> 2.221 <li>none, <a href=#valuedef-none title="section 7.1">7.1</a> 2.222 +<li>normalized free space, <a href=#normalized-free-space title="section 9.7">9.7</a> 2.223 <li>nowrap, <a href=#valuedef-nowrap title="section 5.2">5.2</a> 2.224 <li><number><ul><li>value for flex-grow, <a href=#valuedef-number0 title="section 7.3.1">7.3.1</a> 2.225 <li>value for flex-shrink, <a href=#valuedef-number title="section 7.3.2">7.3.2</a> 2.226 @@ -3508,6 +3492,7 @@ 2.227 <li>stretch<ul><li>value for align-items, align-self, <a href=#valuedef-stretch0 title="section 8.3">8.3</a> 2.228 <li>value for align-content, <a href=#valuedef-stretch title="section 8.4">8.4</a> 2.229 </ul><li>strut size, <a href=#strut-size title="section 9.4">9.4</a> 2.230 +<li>target main size, <a href=#target-main-size title="section 9.7">9.7</a> 2.231 <li>wrap, <a href=#valuedef-wrap title="section 5.2">5.2</a> 2.232 <li>wrap-reverse, <a href=#valuedef-wrap-reverse title="section 5.2">5.2</a> 2.233 </ul></div>
3.1 --- a/selectors-3/Overview.src.html Tue May 06 18:27:24 2014 -0400 3.2 +++ b/selectors-3/Overview.src.html Tue May 06 15:34:54 2014 -0700 3.3 @@ -1879,11 +1879,12 @@ 3.4 paragraph.</P> 3.5 </pre> 3.6 3.7 -<h4 id="first-formatted-line"><dfn>First formatted line</dfn> definition in CSS</h4> 3.8 +<h4 id="first-formatted-line">First formatted line definition in CSS</h4> 3.9 3.10 <p>In CSS, the <code>::first-line</code> pseudo-element can only 3.11 have an effect when attached to a block-like container such as a 3.12 -block box, inline-block, table-caption, or table-cell.</p> 3.13 +block box, inline-block, table-caption, or table-cell. 3.14 +In such a case, it refers to the <dfn>first formatted line</dfn> of that container. 3.15 3.16 <p>The first formatted line of an element may occur inside a 3.17 block-level descendant in the same flow (i.e., a block-level
