changeset
[css-overflow] Detail how the computed value of 'continue' works
Sat, 28 Feb 2015 01:53:36 +0900
- author
- Florian Rivoal <[email protected]>
- date
- Sat, 28 Feb 2015 01:53:36 +0900
- changeset 15279
- c4cd57777348
- parent 15278
- 79f716a8ad8f
- child 15280
- eb6bb2430f8e
[css-overflow] Detail how the computed value of 'continue' works
In the process of doing that, I also realised that ''next'' and ''auto''
were identical, so I merged them.
| css-overflow/Overview.bs | file | annotate | diff | comparison | revisions | |
| css-overflow/Overview.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css-overflow/Overview.bs Tue Feb 24 23:47:34 2015 +0900 1.2 +++ b/css-overflow/Overview.bs Sat Feb 28 01:53:36 2015 +0900 1.3 @@ -466,10 +466,19 @@ 1.4 1.5 <h2 id="fragmentation">Fragmentation of overflow</h2> 1.6 1.7 +The 'continue' property gives authors the ability 1.8 +to request that content that does not fit inside an element 1.9 +be fragmented (in the sense of [[!CSS3-BREAK]]), 1.10 +and provides alternatives 1.11 +for where the remaining content should continue. 1.12 + 1.13 +Notably, this property explains traditional pagination, 1.14 +and extends it further. 1.15 + 1.16 <pre class=propdef> 1.17 Name: continue 1.18 - Value: ''auto'' | ''overflow'' | ''paginate'' | ''fragments'' | ''discard'' | ''next'' 1.19 - Initial: ''auto'' 1.20 + Value: ''next'' | ''overflow'' | ''paginate'' | ''fragments'' | ''discard'' 1.21 + Initial: next 1.22 Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]] 1.23 Inherited: no 1.24 Percentages: N/A 1.25 @@ -479,21 +488,19 @@ 1.26 Canonical order: <abbr title="follows order of property value definition">per grammar</abbr> 1.27 </pre> 1.28 1.29 -Issue: Naming is preliminary. 1.30 -This was initially proposed as 1.31 -"fragmentation: auto | none | break | clone | page" 1.32 -in <a href="https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html">https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html</a> 1.33 1.34 Note: ''continue: fragments'' replaces "overflow:fragments" 1.35 from earlier versions of this specification, 1.36 while ''continue: paginate'' replaces "overflow: paged-x | paged-y | paged-x-controls | paged-y-controls" 1.37 1.38 -Issue: The definitions below are vaguely worded, and need to be more specific. 1.39 - 1.40 <dl dfn-for="continue" dfn-type="value"> 1.41 - <dt><dfn>auto</dfn> 1.42 - <dd>Behavior varies between the other values, depending on contex. 1.43 - See the section below on computed values for details. 1.44 + <dt><dfn>next</dfn> 1.45 + <dd>Content that doesn't fit is pushed to the next region 1.46 + if the element is a <a spec="css-regions">CSS Region</a> 1.47 + other than the last one in a <a spec="css-regions">region chain</a>, 1.48 + or to the next page if the element is part of a page chain, 1.49 + or to the next <a>fragment box</a> if the element is a <a>fragment box</a> 1.50 + Otherwise, it overflows. 1.51 1.52 <dt><dfn>overflow</dfn> 1.53 <dd>Content that doesn't fit overflows, according to the 'overflow' property 1.54 @@ -502,36 +509,50 @@ 1.55 <dd>Content that doesn't fit is discarded at a fragmentation break 1.56 1.57 Note: generalized from region-fragment: break; on the last region of a region chain 1.58 - <dt><dfn>next</dfn> 1.59 - <dd>Content that doesn't fit is pushed to the next region 1.60 - if the element is part of a region chain, 1.61 - or to the next page if the element is part of a page chain. If 1.62 - there isn't a next region or page, it overflows. 1.63 1.64 - Note: Behavior could have been to discard 1.65 - but discarding anything should be a very explicit behavior 1.66 + Issue: When the element isn't a <a spec="css-break">fragmentation container</a> already, 1.67 + should this work by turning it directly into one, 1.68 + or by creating a <a>fragment box</a> inside it like ''continue/fragments'' does? 1.69 1.70 <dt><dfn>paginate</dfn> 1.71 <dd>Content that doesn't fit paginates. 1.72 This creates a paginated view inside the element 1.73 similar to the way that 'overflow: scroll' creates a scrollable view. 1.74 1.75 - Pages can be styled with @page rules. 1.76 + See <a href="#paginated-overflow">paginated overflow</a> 1.77 1.78 Note: Print is effectively "continue: paginate" on the root. 1.79 - 1.80 - See <a href="#paginated-overflow">paginated overflow</a> 1.81 <dt><dfn>fragments</dfn> 1.82 <dd>content that doesn't fit causes the element to copy itself and continue laying out. 1.83 + 1.84 See <a href="#fragment-overflow">fragment overflow</a>. 1.85 </dl> 1.86 1.87 -Issue: There is some overlap between overflow, discard and next. 1.88 -Only 2 of the 3 ever make sense in any situation, 1.89 -even though it isn't always the same two. 1.90 -It may be possible to reduce this to 2 values. 1.91 -An earlier proposal combined discard and next into break, 1.92 -although this had the downside of making discard a non explicit behavior. 1.93 +The computed value of the 'continue' for a given element or pseudo element is determined as follow: 1.94 +<ol> 1.95 + <li>If the specified value is ''continue/next'' 1.96 + <ol> 1.97 + <li>On a <a spec="css-regions">CSS Region</a> other than the last one in a <a spec="css-regions">region chain</a>, 1.98 + the computed value is ''continue/next'' 1.99 + <li>On a page 1.100 + the computed value is ''continue/paginate'' 1.101 + <li>On a <a>fragment box</a> 1.102 + the computed value is ''continue/fragments'' 1.103 + <li>Otherwise, the computed value is 'continue/overflow'' 1.104 + </ol> 1.105 + <li>If the specified value is ''continue/framgents'' 1.106 + <ol> 1.107 + <li>On a page 1.108 + the computed value is ''continue/paginate'' 1.109 + <li>Otherwise, the computed value is the specified value 1.110 + </ol> 1.111 + <li>In all other cases, the computed value is the specified value 1.112 +</ol> 1.113 + 1.114 +Issue: The naming of this property and its values is preliminary. 1.115 +This was initially proposed as 1.116 +"fragmentation: auto | none | break | clone | page" 1.117 +in <a href="https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html">https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html</a>. 1.118 1.119 Note: For background discussions leading to this property, see these threads: 1.120 <a href="http://lists.w3.org/Archives/Public/www-style/2012May/1197.html">discussion of overflow, overflow-x, overflow-y and overflow-style</a> and
2.1 --- a/css-overflow/Overview.html Tue Feb 24 23:47:34 2015 +0900 2.2 +++ b/css-overflow/Overview.html Sat Feb 28 01:53:36 2015 +0900 2.3 @@ -175,7 +175,7 @@ 2.4 <h1 class="p-name no-ref" id="title">CSS Overflow Module Level 3</h1> 2.5 2.6 <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, 2.7 - <time class="dt-updated" datetime="2015-02-24">24 February 2015</time></span></h2> 2.8 + <time class="dt-updated" datetime="2015-03-03">3 March 2015</time></span></h2> 2.9 2.10 <div data-fill-with="spec-metadata"> 2.11 <dl> 2.12 @@ -595,7 +595,7 @@ 2.13 2.14 <p class="issue" id="issue-3930f393"><a class="self-link" href="#issue-3930f393"></a> 2.15 This concept has been proposed for some uses, such as for 2.16 - determining what the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-ui-3/#outline0">outline</a> property goes around, and 2.17 + determining what the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-ui-3/#propdef-outline">outline</a> property goes around, and 2.18 as the basis of a coordinate system for specifying clips and masks, 2.19 but it’s not clear if it’s needed. 2.20 </p> 2.21 @@ -798,6 +798,17 @@ 2.22 <h2 class="heading settled" data-level="4" id="fragmentation"><span class="secno">4. </span><span class="content">Fragmentation of overflow</span><a class="self-link" href="#fragmentation"></a></h2> 2.23 2.24 2.25 + <p>The <a class="property" data-link-type="propdesc" href="#propdef-continue">continue</a> property gives authors the ability 2.26 +to request that content that does not fit inside an element 2.27 +be fragmented (in the sense of <a data-link-type="biblio" href="#biblio-css3-break">[CSS3-BREAK]</a>), 2.28 +and provides alternatives 2.29 +for where the remaining content should continue.</p> 2.30 + 2.31 + 2.32 + <p>Notably, this property explains traditional pagination, 2.33 +and extends it further.</p> 2.34 + 2.35 + 2.36 <table class="definition propdef"> 2.37 <tbody> 2.38 <tr> 2.39 @@ -805,10 +816,10 @@ 2.40 <td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-continue">continue<a class="self-link" href="#propdef-continue"></a></dfn> 2.41 <tr> 2.42 <th>Value: 2.43 - <td class="prod"><a class="css" data-link-type="maybe" href="#valdef-overflow-auto">auto</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-overflow">overflow</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-discard">discard</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> 2.44 + <td class="prod"><a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-overflow">overflow</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-continue-discard">discard</a> 2.45 <tr> 2.46 <th>Initial: 2.47 - <td><a class="css" data-link-type="maybe" href="#valdef-overflow-auto">auto</a> 2.48 + <td>next 2.49 <tr> 2.50 <th>Applies to: 2.51 <td>block containers <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a>, flex containers <a data-link-type="biblio" href="#biblio-css3-flexbox">[CSS3-FLEXBOX]</a>, and grid containers <a data-link-type="biblio" href="#biblio-css3-grid-layout">[CSS3-GRID-LAYOUT]</a> 2.52 @@ -832,26 +843,22 @@ 2.53 <td><abbr title="follows order of property value definition">per grammar</abbr></table> 2.54 2.55 2.56 - <p class="issue" id="issue-715243a1"><a class="self-link" href="#issue-715243a1"></a>Naming is preliminary. 2.57 -This was initially proposed as 2.58 -"fragmentation: auto | none | break | clone | page" 2.59 -in <a href="https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html">https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html</a></p> 2.60 - 2.61 2.62 <p class="note" role="note">Note: <a class="css" data-link-type="propdesc" href="#propdef-continue">continue: fragments</a> replaces "overflow:fragments" 2.63 from earlier versions of this specification, 2.64 while <a class="css" data-link-type="propdesc" href="#propdef-continue">continue: paginate</a> replaces "overflow: paged-x | paged-y | paged-x-controls | paged-y-controls"</p> 2.65 2.66 - 2.67 - <p class="issue" id="issue-dcb4cf6c"><a class="self-link" href="#issue-dcb4cf6c"></a>The definitions below are vaguely worded, and need to be more specific.</p> 2.68 - 2.69 2.70 <dl> 2.71 2.72 - <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-auto">auto<a class="self-link" href="#valdef-continue-auto"></a></dfn> 2.73 + <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-next">next<a class="self-link" href="#valdef-continue-next"></a></dfn> 2.74 2.75 - <dd>Behavior varies between the other values, depending on contex. 2.76 - See the section below on computed values for details. 2.77 + <dd>Content that doesn’t fit is pushed to the next region 2.78 + if the element is a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#css-region">CSS Region</a> 2.79 + other than the last one in a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#region-chain">region chain</a>, 2.80 + or to the next page if the element is part of a page chain, 2.81 + or to the next <a data-link-type="dfn" href="#fragment-box">fragment box</a> if the element is a <a data-link-type="dfn" href="#fragment-box">fragment box</a> 2.82 + Otherwise, it overflows. 2.83 2.84 2.85 <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-overflow">overflow<a class="self-link" href="#valdef-continue-overflow"></a></dfn> 2.86 @@ -866,17 +873,11 @@ 2.87 2.88 <p class="note" role="note">Note: generalized from region-fragment: break; on the last region of a region chain</p> 2.89 2.90 - 2.91 - <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-next">next<a class="self-link" href="#valdef-continue-next"></a></dfn> 2.92 - 2.93 - <dd>Content that doesn’t fit is pushed to the next region 2.94 - if the element is part of a region chain, 2.95 - or to the next page if the element is part of a page chain. If 2.96 - there isn’t a next region or page, it overflows. 2.97 2.98 2.99 - <p class="note" role="note">Note: Behavior could have been to discard 2.100 - but discarding anything should be a very explicit behavior</p> 2.101 + <p class="issue" id="issue-36be54be"><a class="self-link" href="#issue-36be54be"></a>When the element isn’t a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-break-3/#fragmentation-container">fragmentation container</a> already, 2.102 + should this work by turning it directly into one, 2.103 + or by creating a <a data-link-type="dfn" href="#fragment-box">fragment box</a> inside it like <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> does?</p> 2.104 2.105 2.106 2.107 @@ -887,31 +888,66 @@ 2.108 similar to the way that 'overflow: scroll' creates a scrollable view. 2.109 2.110 2.111 - <p>Pages can be styled with @page rules.</p> 2.112 + <p>See <a href="#paginated-overflow">paginated overflow</a></p> 2.113 2.114 2.115 2.116 <p class="note" role="note">Note: Print is effectively "continue: paginate" on the root.</p> 2.117 2.118 - 2.119 - 2.120 - <p>See <a href="#paginated-overflow">paginated overflow</a></p> 2.121 - 2.122 2.123 <dt><dfn class="css" data-dfn-for="continue" data-dfn-type="value" data-export="" id="valdef-continue-fragments">fragments<a class="self-link" href="#valdef-continue-fragments"></a></dfn> 2.124 2.125 <dd>content that doesn’t fit causes the element to copy itself and continue laying out. 2.126 - See <a href="#fragment-overflow">fragment overflow</a>. 2.127 + 2.128 + 2.129 + <p>See <a href="#fragment-overflow">fragment overflow</a>.</p> 2.130 + 2.131 2.132 </dl> 2.133 2.134 2.135 - <p class="issue" id="issue-0234f53f"><a class="self-link" href="#issue-0234f53f"></a>There is some overlap between overflow, discard and next. 2.136 -Only 2 of the 3 ever make sense in any situation, 2.137 -even though it isn’t always the same two. 2.138 -It may be possible to reduce this to 2 values. 2.139 -An earlier proposal combined discard and next into break, 2.140 -although this had the downside of making discard a non explicit behavior.</p> 2.141 + <p>The computed value of the <a class="property" data-link-type="propdesc" href="#propdef-continue">continue</a> for a given element or pseudo element is determined as follow:</p> 2.142 + 2.143 + <ol> 2.144 + 2.145 + <li>If the specified value is <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> 2.146 + 2.147 + <ol> 2.148 + 2.149 + <li>On a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#css-region">CSS Region</a> other than the last one in a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-regions-1/#region-chain">region chain</a>, 2.150 + the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-next">next</a> 2.151 + 2.152 + <li>On a page 2.153 + the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> 2.154 + 2.155 + <li>On a <a data-link-type="dfn" href="#fragment-box">fragment box</a> 2.156 + the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> 2.157 + 2.158 + <li>Otherwise, the computed value is <a class="property" data-link-type="propdesc">overflow</a>' 2.159 + 2.160 + </ol> 2.161 + 2.162 + 2.163 + <li>If the specified value is <span class="css">framgents</span> 2.164 + 2.165 + <ol> 2.166 + 2.167 + <li>On a page 2.168 + the computed value is <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a> 2.169 + 2.170 + <li>Otherwise, the computed value is the specified value 2.171 + 2.172 + </ol> 2.173 + 2.174 + 2.175 + <li>In all other cases, the computed value is the specified value 2.176 +</ol> 2.177 + 2.178 + 2.179 + <p class="issue" id="issue-77a336c3"><a class="self-link" href="#issue-77a336c3"></a>The naming of this property and its values is preliminary. 2.180 +This was initially proposed as 2.181 +"fragmentation: auto | none | break | clone | page" 2.182 +in <a href="https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html">https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html</a>.</p> 2.183 2.184 2.185 <p class="note" role="note">Note: For background discussions leading to this property, see these threads: 2.186 @@ -1221,9 +1257,9 @@ 2.187 2.188 2.189 <p> 2.190 - Styling an <a class="css" data-link-type="maybe" href="#selectordef-nth-fragment">::nth-fragment()</a> pseudo-element with the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-content-3/#content">content</a> 2.191 + Styling an <a class="css" data-link-type="maybe" href="#selectordef-nth-fragment">::nth-fragment()</a> pseudo-element with the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-content-3/#propdef-content">content</a> 2.192 property has no effect; 2.193 - the computed value of <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-content-3/#content">content</a> for the fragment box 2.194 + the computed value of <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-content-3/#propdef-content">content</a> for the fragment box 2.195 remains the same as the computed value of content for the element. 2.196 </p> 2.197 2.198 @@ -1240,14 +1276,14 @@ 2.199 2.200 2.201 <p> 2.202 - Specifying other values of <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visuren.html#propdef-display">display</a>, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-position-3/#position">position</a>, 2.203 + Specifying other values of <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visuren.html#propdef-display">display</a>, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-position-3/#propdef-position">position</a>, 2.204 or <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visuren.html#propdef-float">float</a> is permitted, but is not allowed to change 2.205 the computed value of <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-inside">display-inside</a>. 2.206 (Since <a class="property" data-link-type="propdesc" href="#propdef-continue">continue</a> only 2.207 applies to block containers, flex containers, and grid containers 2.208 the computed value of <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-inside">display-inside</a> is always 2.209 - <span class="css">block</span>, <span class="css">flex</span>, or 2.210 - <span class="css">grid</span>. 2.211 + <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-display-3/#valdef-display-inside-block">block</a>, <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-display-3/#valdef-display-inside-flex">flex</a>, or 2.212 + <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-display-3/#valdef-display-inside-grid">grid</a>. 2.213 <span class="issue" id="issue-d98e732d"><a class="self-link" href="#issue-d98e732d"></a>Need to specify exactly how this works, 2.214 but it depends on 2.215 having <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-inside">display-inside</a> and <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-outside">display-outside</a> specified.</span> 2.216 @@ -1277,7 +1313,7 @@ 2.217 2.218 <p class="issue" id="issue-d95b27f9"><a class="self-link" href="#issue-d95b27f9"></a> 2.219 This inheritance rule allows specifying styles indirectly 2.220 - (by using explicit <span class="css">inherit</span> or using default inheritance 2.221 + (by using explicit <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-cascade-3/#valdef-all-inherit">inherit</a> or using default inheritance 2.222 on properties that don’t apply to <span class="css">::first-letter</span>) 2.223 that can’t be specified directly 2.224 (based on the rules in the next section). 2.225 @@ -1338,7 +1374,7 @@ 2.226 The <a class="css" data-link-type="maybe" href="#selectordef-nth-fragment">::nth-fragment()</a> pseudo-element 2.227 can also be used to style 2.228 content inside of a <a data-link-type="dfn" href="#fragment-box">fragment box</a>. 2.229 - Unlike the <span class="css">::first-line</span> and <span class="css">::first-letter</span> pseudo-elements, 2.230 + Unlike the <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-pseudo-4/#selectordef-first-line">::first-line</a> and <span class="css">::first-letter</span> pseudo-elements, 2.231 the <a class="css" data-link-type="maybe" href="#selectordef-nth-fragment">::nth-fragment()</a> pseudo-element can be applied 2.232 to parts of the selector other than the subject: 2.233 in particular, it can match ancestors of the subject. 2.234 @@ -1508,7 +1544,7 @@ 2.235 2.236 2.237 2.238 - <dt><dfn class="css" data-dfn-for="max-lines" data-dfn-type="value" data-export="" id="valdef-max-lines-integer"><a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#integer-value"><integer></a><a class="self-link" href="#valdef-max-lines-integer"></a></dfn> 2.239 + <dt><dfn class="css" data-dfn-for="max-lines" data-dfn-type="value" data-export="" id="valdef-max-lines-integer"><a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#integer-value" title="Expands to: "><integer></a><a class="self-link" href="#valdef-max-lines-integer"></a></dfn> 2.240 2.241 <dd> 2.242 2.243 @@ -1800,11 +1836,7 @@ 2.244 <ul class="indexlist"> 2.245 <li>3d-preserving child, <a href="#3d_preserving-child">2.2</a> 2.246 <li>3d-preserving descendant, <a href="#3d_preserving-descendant">2.2</a> 2.247 - <li>auto 2.248 - <ul> 2.249 - <li>value for overflow, <a href="#valdef-overflow-auto">3</a> 2.250 - <li>value for continue, <a href="#valdef-continue-auto">4</a> 2.251 - </ul> 2.252 + <li>auto, <a href="#valdef-overflow-auto">3</a> 2.253 <li>border-box overflow, <a href="#border_box-overflow">2.3</a> 2.254 <li>border-box overflow rectangle, <a href="#border_box-overflow-rectangle">2.3</a> 2.255 <li>border-box overflow region, <a href="#border_box-overflow-region">2.3</a> 2.256 @@ -1839,22 +1871,42 @@ 2.257 </ul> 2.258 <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3> 2.259 <ul class="indexlist"> 2.260 - <li><span>[css-backgrounds-3]</span> defines the following terms: 2.261 + <li><a data-link-type="biblio" href="#biblio-css-backgrounds-3">[css-backgrounds-3]</a> defines the following terms: 2.262 <ul> 2.263 <li><a href="http://dev.w3.org/csswg/css-backgrounds-3/#box-shadow">box-shadow</a> 2.264 </ul> 2.265 - <li><span>[css-content-3]</span> defines the following terms: 2.266 + <li><a data-link-type="biblio" href="#biblio-css-break-3">[css-break-3]</a> defines the following terms: 2.267 <ul> 2.268 - <li><a href="http://dev.w3.org/csswg/css-content-3/#content">content</a> 2.269 + <li><a href="http://dev.w3.org/csswg/css-break-3/#fragmentation-container">fragmentation container</a> 2.270 + </ul> 2.271 + <li><a data-link-type="biblio" href="#biblio-css-cascade-3">[css-cascade-3]</a> defines the following terms: 2.272 + <ul> 2.273 + <li><a href="http://dev.w3.org/csswg/css-cascade-3/#valdef-all-inherit">inherit</a> 2.274 + </ul> 2.275 + <li><a data-link-type="biblio" href="#biblio-css-content-3">[css-content-3]</a> defines the following terms: 2.276 + <ul> 2.277 + <li><a href="http://dev.w3.org/csswg/css-content-3/#propdef-content">content</a> 2.278 </ul> 2.279 <li><a data-link-type="biblio" href="#biblio-css-display-3">[css-display-3]</a> defines the following terms: 2.280 <ul> 2.281 + <li><a href="http://dev.w3.org/csswg/css-display-3/#valdef-display-inside-block">block</a> 2.282 <li><a href="http://dev.w3.org/csswg/css-display-3/#propdef-display-inside">display-inside</a> 2.283 <li><a href="http://dev.w3.org/csswg/css-display-3/#propdef-display-outside">display-outside</a> 2.284 + <li><a href="http://dev.w3.org/csswg/css-display-3/#valdef-display-inside-flex">flex</a> 2.285 + <li><a href="http://dev.w3.org/csswg/css-display-3/#valdef-display-inside-grid">grid</a> 2.286 </ul> 2.287 - <li><span>[css-position-3]</span> defines the following terms: 2.288 + <li><a data-link-type="biblio" href="#biblio-css-position-3">[css-position-3]</a> defines the following terms: 2.289 <ul> 2.290 - <li><a href="http://dev.w3.org/csswg/css-position-3/#position">position</a> 2.291 + <li><a href="http://dev.w3.org/csswg/css-position-3/#propdef-position">position</a> 2.292 + </ul> 2.293 + <li><a data-link-type="biblio" href="#biblio-css-pseudo-4">[css-pseudo-4]</a> defines the following terms: 2.294 + <ul> 2.295 + <li><a href="http://dev.w3.org/csswg/css-pseudo-4/#selectordef-first-line">::first-line</a> 2.296 + </ul> 2.297 + <li><a data-link-type="biblio" href="#biblio-css-regions-1">[css-regions-1]</a> defines the following terms: 2.298 + <ul> 2.299 + <li><a href="http://dev.w3.org/csswg/css-regions-1/#css-region">css region</a> 2.300 + <li><a href="http://dev.w3.org/csswg/css-regions-1/#region-chain">region chain</a> 2.301 </ul> 2.302 <li><a data-link-type="biblio" href="#biblio-css-text-decor-3">[css-text-decor-3]</a> defines the following terms: 2.303 <ul> 2.304 @@ -1864,11 +1916,11 @@ 2.305 <ul> 2.306 <li><a href="http://dev.w3.org/csswg/css-transforms-1/#propdef-transform-style">transform-style</a> 2.307 </ul> 2.308 - <li><span>[css-ui-3]</span> defines the following terms: 2.309 + <li><a data-link-type="biblio" href="#biblio-css-ui-3">[css-ui-3]</a> defines the following terms: 2.310 <ul> 2.311 - <li><a href="http://dev.w3.org/csswg/css-ui-3/#outline0">outline</a> 2.312 + <li><a href="http://dev.w3.org/csswg/css-ui-3/#propdef-outline">outline</a> 2.313 </ul> 2.314 - <li><span>[css-values-3]</span> defines the following terms: 2.315 + <li><a data-link-type="biblio" href="#biblio-css-values-3">[css-values-3]</a> defines the following terms: 2.316 <ul> 2.317 <li><a href="http://dev.w3.org/csswg/css-values-3/#integer-value"><integer></a> 2.318 <li><a href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> 2.319 @@ -1898,21 +1950,39 @@ 2.320 <dt id="biblio-css3cascade"><a class="self-link" href="#biblio-css3cascade"></a>[CSS3CASCADE] 2.321 <dd>Håkon Wium Lie; Elika J. Etemad; Tab Atkins Jr.. <a href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">CSS Cascading and Inheritance Level 3</a>. 3 October 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/</a> 2.322 <dt id="biblio-css3col"><a class="self-link" href="#biblio-css3col"></a>[CSS3COL] 2.323 - <dd>Håkon Wium Lie. <a href="http://www.w3.org/TR/css3-multicol/">CSS3 module: Multi-column layout</a>. 12 April 2011. CR. URL: <a href="http://www.w3.org/TR/css3-multicol/">http://www.w3.org/TR/css3-multicol/</a> 2.324 + <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> 2.325 <dt id="biblio-select"><a class="self-link" href="#biblio-select"></a>[SELECT] 2.326 <dd>Tantek Çelik; et al. <a href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">Selectors Level 3</a>. 29 September 2011. W3C Recommendation. URL: <a href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">http://www.w3.org/TR/2011/REC-css3-selectors-20110929/</a> 2.327 - <dt id="biblio-css-display-3"><a class="self-link" href="#biblio-css-display-3"></a>[css-display-3] 2.328 + <dt id="biblio-css-backgrounds-3"><a class="self-link" href="#biblio-css-backgrounds-3"></a>[CSS-BACKGROUNDS-3] 2.329 + <dd>CSS Backgrounds and Borders Module Level 3 URL: <a href="http://www.w3.org/TR/css3-background/">http://www.w3.org/TR/css3-background/</a> 2.330 + <dt id="biblio-css-break-3"><a class="self-link" href="#biblio-css-break-3"></a>[CSS-BREAK-3] 2.331 + <dd>CSS Fragmentation Module Level 3 URL: <a href="http://www.w3.org/TR/css3-break/">http://www.w3.org/TR/css3-break/</a> 2.332 + <dt id="biblio-css-cascade-3"><a class="self-link" href="#biblio-css-cascade-3"></a>[CSS-CASCADE-3] 2.333 + <dd>Håkon Wium Lie; Elika Etemad; Tab Atkins Jr.. <a href="http://www.w3.org/TR/css-cascade-3/">CSS Cascading and Inheritance Level 3</a>. 3 October 2013. CR. URL: <a href="http://www.w3.org/TR/css-cascade-3/">http://www.w3.org/TR/css-cascade-3/</a> 2.334 + <dt id="biblio-css-content-3"><a class="self-link" href="#biblio-css-content-3"></a>[CSS-CONTENT-3] 2.335 + <dd>CSS Generated Content Module Level 3 URL: <a href="http://dev.w3.org/csswg/css-content-3/">http://dev.w3.org/csswg/css-content-3/</a> 2.336 + <dt id="biblio-css-display-3"><a class="self-link" href="#biblio-css-display-3"></a>[CSS-DISPLAY-3] 2.337 <dd>Tab Atkins Jr.; Elika Etemad. <a href="http://www.w3.org/TR/css-display-3/">CSS Display Module Level 3</a>. 11 September 2014. WD. URL: <a href="http://www.w3.org/TR/css-display-3/">http://www.w3.org/TR/css-display-3/</a> 2.338 - <dt id="biblio-css-text-decor-3"><a class="self-link" href="#biblio-css-text-decor-3"></a>[css-text-decor-3] 2.339 + <dt id="biblio-css-position-3"><a class="self-link" href="#biblio-css-position-3"></a>[CSS-POSITION-3] 2.340 + <dd>CSS Positioned Layout Module Level 3 URL: <a href="http://www.w3.org/TR/css3-positioning/">http://www.w3.org/TR/css3-positioning/</a> 2.341 + <dt id="biblio-css-pseudo-4"><a class="self-link" href="#biblio-css-pseudo-4"></a>[CSS-PSEUDO-4] 2.342 + <dd>Daniel Glazman; Elika Etemad; Alan Stearns. <a href="http://www.w3.org/TR/css-pseudo-4/">CSS Pseudo-Elements Module Level 4</a>. 15 January 2015. WD. URL: <a href="http://www.w3.org/TR/css-pseudo-4/">http://www.w3.org/TR/css-pseudo-4/</a> 2.343 + <dt id="biblio-css-regions-1"><a class="self-link" href="#biblio-css-regions-1"></a>[CSS-REGIONS-1] 2.344 + <dd>Rossen Atanassov; Alan Stearns. <a href="http://www.w3.org/TR/css-regions-1/">CSS Regions Module Level 1</a>. 9 October 2014. WD. URL: <a href="http://www.w3.org/TR/css-regions-1/">http://www.w3.org/TR/css-regions-1/</a> 2.345 + <dt id="biblio-css-text-decor-3"><a class="self-link" href="#biblio-css-text-decor-3"></a>[CSS-TEXT-DECOR-3] 2.346 <dd>Elika Etemad; Koji Ishii. <a href="http://www.w3.org/TR/css-text-decor-3/">CSS Text Decoration Module Level 3</a>. 1 August 2013. CR. URL: <a href="http://www.w3.org/TR/css-text-decor-3/">http://www.w3.org/TR/css-text-decor-3/</a> 2.347 - <dt id="biblio-css-transforms-1"><a class="self-link" href="#biblio-css-transforms-1"></a>[css-transforms-1] 2.348 + <dt id="biblio-css-transforms-1"><a class="self-link" href="#biblio-css-transforms-1"></a>[CSS-TRANSFORMS-1] 2.349 <dd>Simon Fraser; et al. <a href="http://www.w3.org/TR/css-transforms-1/">CSS Transforms Module Level 1</a>. 26 November 2013. WD. URL: <a href="http://www.w3.org/TR/css-transforms-1/">http://www.w3.org/TR/css-transforms-1/</a> 2.350 - <dt id="biblio-css-writing-modes-3"><a class="self-link" href="#biblio-css-writing-modes-3"></a>[css-writing-modes-3] 2.351 + <dt id="biblio-css-ui-3"><a class="self-link" href="#biblio-css-ui-3"></a>[CSS-UI-3] 2.352 + <dd>CSS Basic User Interface Module Level 3 URL: <a href="http://www.w3.org/TR/css3-ui/">http://www.w3.org/TR/css3-ui/</a> 2.353 + <dt id="biblio-css-values-3"><a class="self-link" href="#biblio-css-values-3"></a>[CSS-VALUES-3] 2.354 + <dd>CSS Values and Units Module Level 3 URL: <a href="http://www.w3.org/TR/css3-values/">http://www.w3.org/TR/css3-values/</a> 2.355 + <dt id="biblio-css-writing-modes-3"><a class="self-link" href="#biblio-css-writing-modes-3"></a>[CSS-WRITING-MODES-3] 2.356 <dd>Elika Etemad; Koji Ishii. <a href="http://www.w3.org/TR/css-writing-modes-3/">CSS Writing Modes Level 3</a>. 20 March 2014. CR. URL: <a href="http://www.w3.org/TR/css-writing-modes-3/">http://www.w3.org/TR/css-writing-modes-3/</a> 2.357 - <dt id="biblio-css3-break"><a class="self-link" href="#biblio-css3-break"></a>[css3-break] 2.358 - <dd>Rossen Atanassov; Elika Etemad. <a href="http://www.w3.org/TR/css3-break/">CSS Fragmentation Module Level 3</a>. 16 January 2014. WD. URL: <a href="http://www.w3.org/TR/css3-break/">http://www.w3.org/TR/css3-break/</a> 2.359 - <dt id="biblio-rfc2119"><a class="self-link" href="#biblio-rfc2119"></a>[rfc2119] 2.360 - <dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 2.361 + <dt id="biblio-css3-break"><a class="self-link" href="#biblio-css3-break"></a>[CSS3-BREAK] 2.362 + <dd>Rossen Atanassov; Elika Etemad. <a href="http://www.w3.org/TR/css3-break/">CSS Fragmentation Module Level 3</a>. 29 January 2015. WD. URL: <a href="http://www.w3.org/TR/css3-break/">http://www.w3.org/TR/css3-break/</a> 2.363 + <dt id="biblio-rfc2119"><a class="self-link" href="#biblio-rfc2119"></a>[RFC2119] 2.364 + <dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a> 2.365 </dl> 2.366 <h3 class="no-num heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3> 2.367 <dl> 2.368 @@ -1928,7 +1998,7 @@ 2.369 <dd>Håkon Wium Lie. <a href="http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">CSS Generated Content for Paged Media Module</a>. 29 November 2011. W3C Working Draft. (Work in progress.) URL: <a href="http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/</a> 2.370 <dt id="biblio-css3text"><a class="self-link" href="#biblio-css3text"></a>[CSS3TEXT] 2.371 <dd>Elika J. Etemad; Koji Ishii. <a href="http://www.w3.org/TR/2012/WD-css3-text-20121113/">CSS Text Module Level 3</a>. 13 November 2012. W3C Working Draft. (Work in progress.) URL: <a href="http://www.w3.org/TR/2012/WD-css3-text-20121113/">http://www.w3.org/TR/2012/WD-css3-text-20121113/</a> 2.372 - <dt id="biblio-css3-marquee"><a class="self-link" href="#biblio-css3-marquee"></a>[css3-marquee] 2.373 + <dt id="biblio-css3-marquee"><a class="self-link" href="#biblio-css3-marquee"></a>[CSS3-MARQUEE] 2.374 <dd>Bert Bos. <a href="http://www.w3.org/TR/css3-marquee">CSS Marquee Module Level 3</a>. 14 October 2014. NOTE. URL: <a href="http://www.w3.org/TR/css3-marquee">http://www.w3.org/TR/css3-marquee</a> 2.375 </dl> 2.376 <h2 class="no-num heading settled" id="property-index"><span class="content">Property Index</span><a class="self-link" href="#property-index"></a></h2> 2.377 @@ -1981,8 +2051,8 @@ 2.378 <td>see individual properties 2.379 <tr> 2.380 <th scope="row"><a class="css" data-link-type="property" href="#propdef-continue">continue</a> 2.381 - <td>auto | overflow | paginate | fragments | discard | next 2.382 - <td>auto 2.383 + <td>next | overflow | paginate | fragments | discard 2.384 + <td>next 2.385 <td>block containers [CSS21], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT] 2.386 <td>no 2.387 <td>N/A 2.388 @@ -2031,7 +2101,7 @@ 2.389 <a href="#issue-521d48c7"> ↵ </a></div> 2.390 <div class="issue"> 2.391 This concept has been proposed for some uses, such as for 2.392 - determining what the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-ui-3/#outline0">outline</a> property goes around, and 2.393 + determining what the <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-ui-3/#propdef-outline">outline</a> property goes around, and 2.394 as the basis of a coordinate system for specifying clips and masks, 2.395 but it’s not clear if it’s needed. 2.396 <a href="#issue-3930f393"> ↵ </a></div> 2.397 @@ -2057,17 +2127,13 @@ 2.398 despite that implementations have implemented 2.399 <a class="property" data-link-type="propdesc" href="#propdef-overflow-x">overflow-x</a> and <a class="property" data-link-type="propdesc" href="#propdef-overflow-y">overflow-y</a> instead? 2.400 <a href="#issue-52e2a181"> ↵ </a></div> 2.401 - <div class="issue">Naming is preliminary. 2.402 + <div class="issue">When the element isn’t a <a data-link-type="dfn" href="http://dev.w3.org/csswg/css-break-3/#fragmentation-container">fragmentation container</a> already, 2.403 + should this work by turning it directly into one, 2.404 + or by creating a <a data-link-type="dfn" href="#fragment-box">fragment box</a> inside it like <a class="css" data-link-type="maybe" href="#valdef-continue-fragments">fragments</a> does?<a href="#issue-36be54be"> ↵ </a></div> 2.405 + <div class="issue">The naming of this property and its values is preliminary. 2.406 This was initially proposed as 2.407 "fragmentation: auto | none | break | clone | page" 2.408 -in <a href="https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html">https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html</a><a href="#issue-715243a1"> ↵ </a></div> 2.409 - <div class="issue">The definitions below are vaguely worded, and need to be more specific.<a href="#issue-dcb4cf6c"> ↵ </a></div> 2.410 - <div class="issue">There is some overlap between overflow, discard and next. 2.411 -Only 2 of the 3 ever make sense in any situation, 2.412 -even though it isn’t always the same two. 2.413 -It may be possible to reduce this to 2 values. 2.414 -An earlier proposal combined discard and next into break, 2.415 -although this had the downside of making discard a non explicit behavior.<a href="#issue-0234f53f"> ↵ </a></div> 2.416 +in <a href="https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html">https://lists.w3.org/Archives/Public/www-style/2015Jan/0357.html</a>.<a href="#issue-77a336c3"> ↵ </a></div> 2.417 <div class="issue">Write this section<a href="#issue-001d5014"> ↵ </a></div> 2.418 <div class="issue">The initial proposal in <a data-link-type="biblio" href="#biblio-css3gcpm">[CSS3GCPM]</a> and implemantation from Opera 2.419 used 4 values instead of <a class="css" data-link-type="maybe" href="#valdef-continue-paginate">paginate</a>: 2.420 @@ -2147,7 +2213,7 @@ 2.421 having <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-inside">display-inside</a> and <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-display-3/#propdef-display-outside">display-outside</a> specified.<a href="#issue-d98e732d"> ↵ </a></div> 2.422 <div class="issue"> 2.423 This inheritance rule allows specifying styles indirectly 2.424 - (by using explicit <span class="css">inherit</span> or using default inheritance 2.425 + (by using explicit <a class="css" data-link-type="maybe" href="http://dev.w3.org/csswg/css-cascade-3/#valdef-all-inherit">inherit</a> or using default inheritance 2.426 on properties that don’t apply to <span class="css">::first-letter</span>) 2.427 that can’t be specified directly 2.428 (based on the rules in the next section).
