changeset
merge
Tue, 07 Aug 2012 17:09:48 -0700
- author
- Sylvain Galineau <sylvaing@microsoft.com>
- date
- Tue, 07 Aug 2012 17:09:48 -0700
- changeset 6386
- 759f79afcf3f
- parent 6385
- a478121fd7a8
- parent 6383
- 7be2a60f5156
- child 6387
- 1d08b5fd804e
merge
1.1 --- a/css3-break/Overview.html Tue Aug 07 17:08:10 2012 -0700 1.2 +++ b/css3-break/Overview.html Tue Aug 07 17:09:48 2012 -0700 1.3 @@ -17,11 +17,11 @@ 1.4 1.5 <h1 id=css-fragmentation-module>CSS Fragmentation Module Level 3</h1> 1.6 1.7 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 August 2012</h2> 1.8 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 August 2012</h2> 1.9 1.10 <dl> 1.11 <dt>This version:</dt> 1.12 - <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-break-20120801/">http://www.w3.org/TR/2012/WD-css3-break-20120801/</a></dd> --> 1.13 + <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-break-20120807/">http://www.w3.org/TR/2012/WD-css3-break-20120807/</a></dd> --> 1.14 1.15 <dd><a 1.16 href="http://dev.w3.org/csswg/css3-break/">http://dev.w3.org/csswg/css3-break/</a> 1.17 @@ -187,8 +187,8 @@ 1.18 <li><a href="#break-margins"><span class=secno>5.2. </span> Margins at 1.19 Breaks</a> 1.20 1.21 - <li><a href="#break-decoration"><span class=secno>5.3. </span> 1.22 - Decorating Box Breaks</a> 1.23 + <li><a href="#break-decoration"><span class=secno>5.3. </span> Splitting 1.24 + Boxes at Breaks</a> 1.25 </ul> 1.26 1.27 <li><a href="#conformance"><span class=secno>6. </span> Conformance</a> 1.28 @@ -330,7 +330,7 @@ 1.29 always consists of only one fragment. A box in a fragmented flow consists 1.30 of one or more fragments. 1.31 1.32 - <dt><dfn id=available-fragmentainer-extent>available fragmentainer 1.33 + <dt><dfn id=remaining-fragmentainer-extent>remaining fragmentainer 1.34 extent</dfn> 1.35 1.36 <dd> The remaining extent on the fragmentainer available to a given 1.37 @@ -981,8 +981,8 @@ 1.38 <div class=example id=widows-orphans-example> 1.39 <p> Suppose, for example, that the style sheet contains ‘<code 1.40 class=css>orphans : 4</code>’, ‘<code class=css>widows : 2</code>’, 1.41 - and there are 20 lines (line boxes) available at the bottom of the 1.42 - current page, and the next block in normal flow is considered for 1.43 + and there is space for 20 lines (line boxes) available at the bottom of 1.44 + the current page, and the next block in normal flow is considered for 1.45 placement:</p> 1.46 1.47 <ul> 1.48 @@ -1041,7 +1041,7 @@ 1.49 continuing progress from the breakpoint on the previous, but 1.50 recalculating sizes and positions using its own size as if the entire 1.51 element were fragmented across fragmentainers of this size. Progress is 1.52 - measured in percentages (not absolute lengths) of used/available 1.53 + measured in percentages (not absolute lengths) of used/remaining 1.54 fragmentainer extent and in amount of used/remaining content. However, 1.55 when laying out <a href="#monolithic"><i>monolithic</i></a> elements, the 1.56 UA may instead maintain a consistent measure and resolved extent across 1.57 @@ -1084,11 +1084,11 @@ 1.58 <!-- -->Second page in case the 'width' computes to 'length' value 1.59 <!-- --> 1.60 <!-- -->+-----------------+ 1.61 -<!-- --> |#`````````##``````````# 1.62 -<!-- --> |# left ## right # 1.63 -<!-- --> |# float ## float # 1.64 -<!-- --> |# cont. ## cont. # 1.65 -<!-- --> |####################### 1.66 +<!-- -->|#`````````##``````````# 1.67 +<!-- -->|# left ## right # 1.68 +<!-- -->|# float ## float # 1.69 +<!-- -->|# cont. ## cont. # 1.70 +<!-- -->|####################### 1.71 <!-- -->|.................| 1.72 <!-- -->|............... | 1.73 <!-- -->|.................| 1.74 @@ -1207,546 +1207,549 @@ 1.75 1.76 <h3 id=break-margins><span class=secno>5.2. </span> Margins at Breaks</h3> 1.77 1.78 - <p> When an unforced break occurs between block-level boxes, any adjoining 1.79 - margins are set to zero. When a forced break occurs there, any margins 1.80 - before the break are truncated, but margins after the break are preserved. 1.81 - 1.82 + <p> When an unforced break occurs between block-level boxes, any margins 1.83 + adjoining the break are truncated. When a forced break occurs there, 1.84 + adjoining margins before the break are truncated, but margins after the 1.85 + break are preserved. 1.86 1.87 - <h3 id=break-decoration><span class=secno>5.3. </span> Decorating Box 1.88 + <h3 id=break-decoration><span class=secno>5.3. </span> Splitting Boxes at 1.89 Breaks</h3> 1.90 1.91 - <p> When a break splits a box, the ‘<code 1.92 + <p> Where a break splits a box, the ‘<code 1.93 class=property>box-decoration-break</code>’ property controls whether 1.94 - the box's margins, borders, and padding wrap the fragment effect where the 1.95 - split occurs. If they do not (i.e. ‘<code class=css>slice</code>’ is 1.96 - specified), the box's background and side margins, border, and padding 1.97 - extend from the effective break point to the end of the fragmentainer (and 1.98 - across the ensuing blank fragmentainer if one is generated due to ‘<code 1.99 - class=css>left</code>’ or ‘<code class=css>right</code>’ breaking). 1.100 - <span class=issue>Does this use up height?</span> 1.101 + the box's margins, borders, padding, and other decorations wrap the 1.102 + resulting fragments where the split occurs. <a href="#CSS3BG" 1.103 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> 1.104 1.105 - <div class=issue style="counter-increment: none"> 1.106 - <p>For ‘<code class=css>clone</code>’, if the box is tight-wrapping 1.107 - around the content (which, we believe it should), it makes sense not to 1.108 - use up specified height. But there isn't a very strong reason for 1.109 - ‘<code class=css>slice</code>’ to use or not use up specified height. 1.110 - So for consistency, we suggest that neither uses up specified height. 1.111 + <p class=issue> Move ‘<code class=property>box-decoration-break</code>’ 1.112 + definition here? 1.113 1.114 + <p> If the box is inline or is a block-level box with its extent specified 1.115 + as a <var><length></var> or <var><percentage></var>, then the 1.116 + fragmented content box ends at the break point and resumes after the 1.117 + break. Otherwise, the content box extends to fill any <a 1.118 + href="#remaining-fragmentainer-extent"><i>remaining fragmentainer 1.119 + extent</i></a> before the content resumes (leaving room for any 1.120 + margins/borders/padding applied by ‘<code 1.121 + class=css>box-decoration-break: clone</code>’). 1.122 + 1.123 + <p> In all cases, the extra extent contributed by fragmenting the box (i.e. 1.124 + the distance from the break point to the edge of the fragmentainer) does 1.125 + not consume any specified <var><length></var> or 1.126 + <var><percentage></var> extent. <figure> <figcaption> The diagrams 1.127 + below illustrate the differences between fragmented boxes in the first 1.128 + category (gapping across the remaining fragmentainer extent) and those in 1.129 + the second (filling the remaining fragmentainer extent). </figcaption> 1.130 <pre> 1.131 -+-----------------+ 1.132 -| ............... | 1.133 -| .............. | 1.134 -| ............... | 1.135 -| .............. | 1.136 -| ............ | 1.137 -| ############### | 1.138 -| # this box # | 1.139 -| # is # | << box-break: clone 1.140 -| # fragmented # | 1.141 -| ############### | <-+ 1.142 -| | | remaining 1.143 -| | | blank 1.144 -| | | space 1.145 -+-----------------+ <-+ 1.146 + slice clone 1.147 ++-----------------+ +-----------------+ 1.148 +| ............... | | ............... | 1.149 +| .............. | | .............. | 1.150 +| ............... | | ............... | 1.151 +| .............. | | .............. | 1.152 +| ............ | | ............ | 1.153 +| ############### | | ############### | 1.154 +| # this box # | | # this box # | 1.155 +| # is # | | # is # | << fixed-height block 1.156 +| # fragmented # | | # fragmented # | 1.157 +| | | ############### | <-+ 1.158 +| | | | | remaining 1.159 +| | | | | blank 1.160 +| | | | | space 1.161 ++-----------------+ +-----------------+ <-+ 1.162 1.163 -+-----------------+ 1.164 -| ............... | 1.165 -| .............. | 1.166 -| ............... | 1.167 -| .............. | 1.168 -| ............ | 1.169 -| ############### | 1.170 -| # this box # | 1.171 -| # is # | << box-break: slice 1.172 -| # fragmented # | 1.173 -| # # | <-+ 1.174 -| # # | | remaining 1.175 -| # # | | blank 1.176 -| # # | | space 1.177 -+-----------------+ <-+</pre> 1.178 - </div> 1.179 ++-----------------+ +-----------------+ 1.180 +| ............... | | ............... | 1.181 +| .............. | | .............. | 1.182 +| ............... | | ............... | 1.183 +| .............. | | .............. | 1.184 +| ............ | | ............ | 1.185 +| ############### | | ############### | 1.186 +| # this box # | | # this box # | 1.187 +| # is # | | # is # | << auto-height block 1.188 +| # fragmented # | | # fragmented # | 1.189 +| # # | | # # | <-+ 1.190 +| # # | | # # | | remaining 1.191 +| # # | | # # | | blank 1.192 +| # # | | ############### | | space 1.193 ++-----------------+ +-----------------+ <-+</pre> 1.194 1.195 - <h2 id=conformance><span class=secno>6. </span> Conformance</h2> 1.196 + <h2 id=conformance><span class=secno>6. </span> Conformance</h2> 1.197 1.198 - <h3 id=conventions><span class=secno>6.1. </span> Document Conventions</h3> 1.199 + <h3 id=conventions><span class=secno>6.1. </span> Document Conventions</h3> 1.200 1.201 - <p> Conformance requirements are expressed with a combination of 1.202 - descriptive assertions and RFC 2119 terminology. The key words “must”, 1.203 - “must NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, 1.204 - “should”, “should NOT”, “RECOMMENDED”, “may”, and 1.205 - “OPTIONAL” in the normative parts of this document are to be 1.206 - interpreted as described in RFC 2119. However, for readability, these 1.207 - words do not appear in all uppercase letters in this specification. 1.208 + <p> Conformance requirements are expressed with a combination of 1.209 + descriptive assertions and RFC 2119 terminology. The key words 1.210 + “must”, “must NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, 1.211 + “should”, “should NOT”, “RECOMMENDED”, “may”, and 1.212 + “OPTIONAL” in the normative parts of this document are to be 1.213 + interpreted as described in RFC 2119. However, for readability, these 1.214 + words do not appear in all uppercase letters in this specification.</p> 1.215 1.216 - <p> All of the text of this specification is normative except sections 1.217 - explicitly marked as non-normative, examples, and notes. <a 1.218 - href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a> 1.219 + <p> All of the text of this specification is normative except sections 1.220 + explicitly marked as non-normative, examples, and notes. <a 1.221 + href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a></p> 1.222 1.223 - <p> Examples in this specification are introduced with the words “for 1.224 - example” or are set apart from the normative text with 1.225 - <code>class="example"</code>, like this: 1.226 + <p> Examples in this specification are introduced with the words “for 1.227 + example” or are set apart from the normative text with 1.228 + <code>class="example"</code>, like this:</p> 1.229 1.230 - <div class=example> 1.231 - <p>This is an example of an informative example.</p> 1.232 - </div> 1.233 + <div class=example> 1.234 + <p>This is an example of an informative example.</p> 1.235 + </div> 1.236 1.237 - <p> Informative notes begin with the word “Note” and are set apart from 1.238 - the normative text with <code>class="note"</code>, like this: 1.239 + <p> Informative notes begin with the word “Note” and are set apart 1.240 + from the normative text with <code>class="note"</code>, like this:</p> 1.241 1.242 - <p class=note>Note, this is an informative note. 1.243 + <p class=note>Note, this is an informative note.</p> 1.244 1.245 - <h3 id=conformance-classes><span class=secno>6.2. </span>Conformance 1.246 - Classes</h3> 1.247 + <h3 id=conformance-classes><span class=secno>6.2. </span>Conformance 1.248 + Classes</h3> 1.249 1.250 - <p>Conformance to CSS Fragmentation is defined for three conformance 1.251 - classes: 1.252 + <p>Conformance to CSS Fragmentation is defined for three conformance 1.253 + classes:</p> 1.254 1.255 - <dl> 1.256 - <dt><dfn id=style-sheet title="style sheet!!as conformance class">style 1.257 - sheet</dfn> 1.258 + <dl> 1.259 + <dt><dfn id=style-sheet title="style sheet!!as conformance class">style 1.260 + sheet</dfn> 1.261 1.262 - <dd> A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS 1.263 - style sheet</a>. 1.264 + <dd> A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS 1.265 + style sheet</a>. 1.266 1.267 - <dt><dfn id=renderer>renderer</dfn> 1.268 + <dt><dfn id=renderer>renderer</dfn> 1.269 1.270 - <dd> A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> 1.271 - that interprets the semantics of a style sheet and renders documents that 1.272 - use them. 1.273 + <dd> A <a 1.274 + href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> that 1.275 + interprets the semantics of a style sheet and renders documents that use 1.276 + them. 1.277 1.278 - <dt><dfn id=authoring-tool>authoring tool</dfn> 1.279 + <dt><dfn id=authoring-tool>authoring tool</dfn> 1.280 1.281 - <dd> A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> 1.282 - that writes a style sheet. 1.283 - </dl> 1.284 + <dd> A <a 1.285 + href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> that 1.286 + writes a style sheet. 1.287 + </dl> 1.288 1.289 - <p> A style sheet is conformant to CSS Fragmentation if all of its 1.290 - declarations that use properties defined in this module have values that 1.291 - are valid according to the generic CSS grammar and the individual grammars 1.292 - of each property as given in this module. 1.293 + <p> A style sheet is conformant to CSS Fragmentation if all of its 1.294 + declarations that use properties defined in this module have values that 1.295 + are valid according to the generic CSS grammar and the individual 1.296 + grammars of each property as given in this module.</p> 1.297 1.298 - <p> A renderer is conformant to CSS Fragmentation if, in addition to 1.299 - interpreting the style sheet as defined by the appropriate specifications, 1.300 - it supports all the features defined by CSS Fragmentation by parsing them 1.301 - correctly and rendering the document accordingly. However, the inability 1.302 - of a UA to correctly render a document due to limitations of the device 1.303 - does not make the UA non-conformant. (For example, a UA is not required to 1.304 - render color on a monochrome monitor.) 1.305 + <p> A renderer is conformant to CSS Fragmentation if, in addition to 1.306 + interpreting the style sheet as defined by the appropriate 1.307 + specifications, it supports all the features defined by CSS Fragmentation 1.308 + by parsing them correctly and rendering the document accordingly. 1.309 + However, the inability of a UA to correctly render a document due to 1.310 + limitations of the device does not make the UA non-conformant. (For 1.311 + example, a UA is not required to render color on a monochrome monitor.)</p> 1.312 1.313 - <p> An authoring tool is conformant to CSS Fragmentation if it writes style 1.314 - sheets that are syntactically correct according to the generic CSS grammar 1.315 - and the individual grammars of each feature in this module, and meet all 1.316 - other conformance requirements of style sheets as described in this 1.317 - module. 1.318 + <p> An authoring tool is conformant to CSS Fragmentation if it writes 1.319 + style sheets that are syntactically correct according to the generic CSS 1.320 + grammar and the individual grammars of each feature in this module, and 1.321 + meet all other conformance requirements of style sheets as described in 1.322 + this module.</p> 1.323 1.324 - <h3 id=partial><span class=secno>6.3. </span> Partial Implementations</h3> 1.325 + <h3 id=partial><span class=secno>6.3. </span> Partial Implementations</h3> 1.326 1.327 - <p> So that authors can exploit the forward-compatible parsing rules to 1.328 - assign fallback values, CSS renderers <strong>must</strong> treat as 1.329 - invalid (and <a href="http://www.w3.org/TR/CSS21/conform.html#ignore"> 1.330 - ignore as appropriate</a>) any at-rules, properties, property values, 1.331 - keywords, and other syntactic constructs for which they have no usable 1.332 - level of support. In particular, user agents <strong>must not</strong> 1.333 - selectively ignore unsupported component values and honor supported values 1.334 - in a single multi-value property declaration: if any value is considered 1.335 - invalid (as unsupported values must be), CSS requires that the entire 1.336 - declaration be ignored. 1.337 + <p> So that authors can exploit the forward-compatible parsing rules to 1.338 + assign fallback values, CSS renderers <strong>must</strong> treat as 1.339 + invalid (and <a href="http://www.w3.org/TR/CSS21/conform.html#ignore"> 1.340 + ignore as appropriate</a>) any at-rules, properties, property values, 1.341 + keywords, and other syntactic constructs for which they have no usable 1.342 + level of support. In particular, user agents <strong>must not</strong> 1.343 + selectively ignore unsupported component values and honor supported 1.344 + values in a single multi-value property declaration: if any value is 1.345 + considered invalid (as unsupported values must be), CSS requires that the 1.346 + entire declaration be ignored.</p> 1.347 1.348 - <h3 id=experimental><span class=secno>6.4. </span> Experimental 1.349 - Implementations</h3> 1.350 + <h3 id=experimental><span class=secno>6.4. </span> Experimental 1.351 + Implementations</h3> 1.352 1.353 - <p> To avoid clashes with future CSS features, the CSS2.1 specification 1.354 - reserves a <a 1.355 - href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">prefixed 1.356 - syntax</a> for proprietary and experimental extensions to CSS. 1.357 + <p> To avoid clashes with future CSS features, the CSS2.1 specification 1.358 + reserves a <a 1.359 + href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">prefixed 1.360 + syntax</a> for proprietary and experimental extensions to CSS.</p> 1.361 1.362 - <p> Prior to a specification reaching the Candidate Recommendation stage in 1.363 - the W3C process, all implementations of a CSS feature are considered 1.364 - experimental. The CSS Working Group recommends that implementations use a 1.365 - vendor-prefixed syntax for such features, including those in W3C Working 1.366 - Drafts. This avoids incompatibilities with future changes in the draft. 1.367 + <p> Prior to a specification reaching the Candidate Recommendation stage 1.368 + in the W3C process, all implementations of a CSS feature are considered 1.369 + experimental. The CSS Working Group recommends that implementations use a 1.370 + vendor-prefixed syntax for such features, including those in W3C Working 1.371 + Drafts. This avoids incompatibilities with future changes in the draft.</p> 1.372 1.373 - <h3 id=testing><span class=secno>6.5. </span> Non-Experimental 1.374 - Implementations</h3> 1.375 + <h3 id=testing><span class=secno>6.5. </span> Non-Experimental 1.376 + Implementations</h3> 1.377 1.378 - <p> Once a specification reaches the Candidate Recommendation stage, 1.379 - non-experimental implementations are possible, and implementors should 1.380 - release an unprefixed implementation of any CR-level feature they can 1.381 - demonstrate to be correctly implemented according to spec. 1.382 + <p> Once a specification reaches the Candidate Recommendation stage, 1.383 + non-experimental implementations are possible, and implementors should 1.384 + release an unprefixed implementation of any CR-level feature they can 1.385 + demonstrate to be correctly implemented according to spec.</p> 1.386 1.387 - <p> To establish and maintain the interoperability of CSS across 1.388 - implementations, the CSS Working Group requests that non-experimental CSS 1.389 - renderers submit an implementation report (and, if necessary, the 1.390 - testcases used for that implementation report) to the W3C before releasing 1.391 - an unprefixed implementation of any CSS features. Testcases submitted to 1.392 - W3C are subject to review and correction by the CSS Working Group. 1.393 + <p> To establish and maintain the interoperability of CSS across 1.394 + implementations, the CSS Working Group requests that non-experimental CSS 1.395 + renderers submit an implementation report (and, if necessary, the 1.396 + testcases used for that implementation report) to the W3C before 1.397 + releasing an unprefixed implementation of any CSS features. Testcases 1.398 + submitted to W3C are subject to review and correction by the CSS Working 1.399 + Group.</p> 1.400 1.401 - <p> Further information on submitting testcases and implementation reports 1.402 - can be found from on the CSS Working Group's website at <a 1.403 - href="http://www.w3.org/Style/CSS/Test/"> 1.404 - http://www.w3.org/Style/CSS/Test/</a>. Questions should be directed to the 1.405 - <a href="http://lists.w3.org/Archives/Public/public-css-testsuite"> 1.406 - public-css-testsuite@w3.org</a> mailing list. 1.407 + <p> Further information on submitting testcases and implementation reports 1.408 + can be found from on the CSS Working Group's website at <a 1.409 + href="http://www.w3.org/Style/CSS/Test/"> 1.410 + http://www.w3.org/Style/CSS/Test/</a>. Questions should be directed to 1.411 + the <a href="http://lists.w3.org/Archives/Public/public-css-testsuite"> 1.412 + public-css-testsuite@w3.org</a> mailing list.</p> 1.413 1.414 - <h3 id=cr-exit-criteria><span class=secno>6.6. </span> CR Exit Criteria</h3> 1.415 + <h3 id=cr-exit-criteria><span class=secno>6.6. </span> CR Exit Criteria</h3> 1.416 1.417 - <p> For this specification to be advanced to Proposed Recommendation, there 1.418 - must be at least two independent, interoperable implementations of each 1.419 - feature. Each feature may be implemented by a different set of products, 1.420 - there is no requirement that all features be implemented by a single 1.421 - product. For the purposes of this criterion, we define the following 1.422 - terms: 1.423 + <p> For this specification to be advanced to Proposed Recommendation, 1.424 + there must be at least two independent, interoperable implementations of 1.425 + each feature. Each feature may be implemented by a different set of 1.426 + products, there is no requirement that all features be implemented by a 1.427 + single product. For the purposes of this criterion, we define the 1.428 + following terms:</p> 1.429 1.430 - <dl> 1.431 - <dt>independent 1.432 + <dl> 1.433 + <dt>independent 1.434 1.435 - <dd> each implementation must be developed by a different party and cannot 1.436 - share, reuse, or derive from code used by another qualifying 1.437 - implementation. Sections of code that have no bearing on the 1.438 - implementation of this specification are exempt from this requirement. 1.439 + <dd> each implementation must be developed by a different party and 1.440 + cannot share, reuse, or derive from code used by another qualifying 1.441 + implementation. Sections of code that have no bearing on the 1.442 + implementation of this specification are exempt from this requirement. 1.443 1.444 - <dt>interoperable 1.445 + <dt>interoperable 1.446 1.447 - <dd> passing the respective test case(s) in the official CSS test suite, 1.448 - or, if the implementation is not a Web browser, an equivalent test. Every 1.449 - relevant test in the test suite should have an equivalent test created if 1.450 - such a user agent (UA) is to be used to claim interoperability. In 1.451 - addition if such a UA is to be used to claim interoperability, then there 1.452 - must one or more additional UAs which can also pass those equivalent 1.453 - tests in the same way for the purpose of interoperability. The equivalent 1.454 - tests must be made publicly available for the purposes of peer review. 1.455 + <dd> passing the respective test case(s) in the official CSS test suite, 1.456 + or, if the implementation is not a Web browser, an equivalent test. 1.457 + Every relevant test in the test suite should have an equivalent test 1.458 + created if such a user agent (UA) is to be used to claim 1.459 + interoperability. In addition if such a UA is to be used to claim 1.460 + interoperability, then there must one or more additional UAs which can 1.461 + also pass those equivalent tests in the same way for the purpose of 1.462 + interoperability. The equivalent tests must be made publicly available 1.463 + for the purposes of peer review. 1.464 1.465 - <dt>implementation 1.466 + <dt>implementation 1.467 1.468 - <dd> a user agent which: 1.469 - <ol class=inline> 1.470 - <li>implements the specification. 1.471 + <dd> a user agent which: 1.472 + <ol class=inline> 1.473 + <li>implements the specification. 1.474 1.475 - <li>is available to the general public. The implementation may be a 1.476 - shipping product or other publicly available version (i.e., beta 1.477 - version, preview release, or “nightly build”). Non-shipping product 1.478 - releases must have implemented the feature(s) for a period of at least 1.479 - one month in order to demonstrate stability. 1.480 + <li>is available to the general public. The implementation may be a 1.481 + shipping product or other publicly available version (i.e., beta 1.482 + version, preview release, or “nightly build”). Non-shipping 1.483 + product releases must have implemented the feature(s) for a period of 1.484 + at least one month in order to demonstrate stability. 1.485 1.486 - <li>is not experimental (i.e., a version specifically designed to pass 1.487 - the test suite and is not intended for normal usage going forward). 1.488 - </ol> 1.489 - </dl> 1.490 + <li>is not experimental (i.e., a version specifically designed to pass 1.491 + the test suite and is not intended for normal usage going forward). 1.492 + </ol> 1.493 + </dl> 1.494 1.495 - <p> The specification will remain Candidate Recommendation for at least six 1.496 - months. 1.497 + <p> The specification will remain Candidate Recommendation for at least 1.498 + six months.</p> 1.499 1.500 - <h2 class=no-num id=acknowledgments> Acknowledgments</h2> 1.501 + <h2 class=no-num id=acknowledgments> Acknowledgments</h2> 1.502 1.503 - <p> The editors would like to thank Michael Day, Alex Mogilevsky, and 1.504 - Florian Rivoal for their contributions to this module. Special thanks go 1.505 - to the former <a href="#CSS3PAGE" 1.506 - rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a> editors Jim Bigelow 1.507 - (HP), Melinda Grant (HP), Håkon Wium Lie (Opera), and Jacob Refstrup (HP) 1.508 - for their contributions to this specification, which is a successor of 1.509 - their work there. 1.510 + <p> The editors would like to thank Michael Day, Alex Mogilevsky, and 1.511 + Florian Rivoal for their contributions to this module. Special thanks go 1.512 + to the former <a href="#CSS3PAGE" 1.513 + rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a> editors Jim Bigelow 1.514 + (HP), Melinda Grant (HP), Håkon Wium Lie (Opera), and Jacob Refstrup 1.515 + (HP) for their contributions to this specification, which is a successor 1.516 + of their work there.</p> 1.517 1.518 - <h2 class=no-num id=references>References</h2> 1.519 + <h2 class=no-num id=references>References</h2> 1.520 1.521 - <h3 class=no-num id=normative-references>Normative references</h3> 1.522 - <!--begin-normative--> 1.523 - <!-- Sorted by label --> 1.524 + <h3 class=no-num id=normative-references>Normative references</h3> 1.525 + <!--begin-normative--> <!-- Sorted by label --> 1.526 + <dl class=bibliography> 1.527 + <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.528 + <!----> 1.529 1.530 - <dl class=bibliography> 1.531 - <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.532 + <dt id=CSS21>[CSS21] 1.533 + 1.534 + <dd>Bert Bos; et al. <a 1.535 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style 1.536 + Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.537 + 2011. W3C Recommendation. URL: <a 1.538 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> 1.539 + </dd> 1.540 <!----> 1.541 1.542 - <dt id=CSS21>[CSS21] 1.543 + <dt id=CSS3-REGIONS>[CSS3-REGIONS] 1.544 1.545 - <dd>Bert Bos; et al. <a 1.546 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style 1.547 - Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.548 - 2011. W3C Recommendation. URL: <a 1.549 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> 1.550 - </dd> 1.551 - <!----> 1.552 - 1.553 - <dt id=CSS3-REGIONS>[CSS3-REGIONS] 1.554 - 1.555 - <dd>Vincent Hardy; Alex Mogilevsky; Alan Stearns. <a 1.556 - href="http://www.w3.org/TR/2012/WD-css3-regions-20120503/"><cite>CSS 1.557 - Regions Module Level 3.</cite></a> 3 May 2012. W3C Working Draft. (Work 1.558 - in progress.) URL: <a 1.559 - href="http://www.w3.org/TR/2012/WD-css3-regions-20120503/">http://www.w3.org/TR/2012/WD-css3-regions-20120503/</a> 1.560 - </dd> 1.561 - <!----> 1.562 - 1.563 - <dt id=CSS3COL>[CSS3COL] 1.564 - 1.565 - <dd>Håkon Wium Lie. <a 1.566 - href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412"><cite>CSS 1.567 - Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate 1.568 - Recommendation. (Work in progress.) URL: <a 1.569 - href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a> 1.570 - </dd> 1.571 - <!----> 1.572 - 1.573 - <dt id=CSS3PAGE>[CSS3PAGE] 1.574 - 1.575 - <dd>Håkon Wium Lie; Melinda Grant. <a 1.576 - href="http://www.w3.org/TR/2006/WD-css3-page-20061010"><cite>CSS3 Module: 1.577 - Paged Media.</cite></a> 10 October 2006. W3C Working Draft. (Work in 1.578 - progress.) URL: <a 1.579 - href="http://www.w3.org/TR/2006/WD-css3-page-20061010">http://www.w3.org/TR/2006/WD-css3-page-20061010</a> 1.580 - </dd> 1.581 - <!----> 1.582 - 1.583 - <dt id=RFC2119>[RFC2119] 1.584 - 1.585 - <dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key 1.586 - words for use in RFCs to Indicate Requirement Levels.</cite></a> Internet 1.587 - RFC 2119. URL: <a 1.588 - href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 1.589 - </dd> 1.590 - <!----> 1.591 - </dl> 1.592 - <!--end-normative--> 1.593 - 1.594 - <h3 class=no-num id=other-references>Other references</h3> 1.595 - <!--begin-informative--> 1.596 - <!-- Sorted by label --> 1.597 - 1.598 - <dl class=bibliography> 1.599 - <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.600 + <dd>Vincent Hardy; Alex Mogilevsky; Alan Stearns. <a 1.601 + href="http://www.w3.org/TR/2012/WD-css3-regions-20120503/"><cite>CSS 1.602 + Regions Module Level 3.</cite></a> 3 May 2012. W3C Working Draft. (Work 1.603 + in progress.) URL: <a 1.604 + href="http://www.w3.org/TR/2012/WD-css3-regions-20120503/">http://www.w3.org/TR/2012/WD-css3-regions-20120503/</a> 1.605 + </dd> 1.606 <!----> 1.607 1.608 - <dt id=CSS3-WRITING-MODES>[CSS3-WRITING-MODES] 1.609 + <dt id=CSS3BG>[CSS3BG] 1.610 1.611 - <dd>Elika J. Etemad; Koji Ishii. <a 1.612 - href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/"><cite>CSS 1.613 - Writing Modes Module Level 3.</cite></a> 1 May 2012. W3C Working Draft. 1.614 - (Work in progress.) URL: <a 1.615 - href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/">http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/</a> 1.616 - </dd> 1.617 - <!----> 1.618 + <dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a 1.619 + href="http://www.w3.org/TR/2012/CR-css3-background-20120417/"><cite>CSS 1.620 + Backgrounds and Borders Module Level 3.</cite></a> 17 April 2012. W3C 1.621 + Candidate Recommendation. (Work in progress.) URL: <a 1.622 + href="http://www.w3.org/TR/2012/CR-css3-background-20120417/">http://www.w3.org/TR/2012/CR-css3-background-20120417/</a> 1.623 + </dd> 1.624 + <!----> 1.625 1.626 - <dt id=CSS3BG>[CSS3BG] 1.627 + <dt id=CSS3COL>[CSS3COL] 1.628 1.629 - <dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a 1.630 - href="http://www.w3.org/TR/2012/CR-css3-background-20120417/"><cite>CSS 1.631 - Backgrounds and Borders Module Level 3.</cite></a> 17 April 2012. W3C 1.632 - Candidate Recommendation. (Work in progress.) URL: <a 1.633 - href="http://www.w3.org/TR/2012/CR-css3-background-20120417/">http://www.w3.org/TR/2012/CR-css3-background-20120417/</a> 1.634 - </dd> 1.635 - <!----> 1.636 + <dd>Håkon Wium Lie. <a 1.637 + href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412"><cite>CSS 1.638 + Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate 1.639 + Recommendation. (Work in progress.) URL: <a 1.640 + href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a> 1.641 + </dd> 1.642 + <!----> 1.643 1.644 - <dt id=CSS3COLOR>[CSS3COLOR] 1.645 + <dt id=CSS3PAGE>[CSS3PAGE] 1.646 1.647 - <dd>Tantek Çelik; Chris Lilley; L. David Baron. <a 1.648 - href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color 1.649 - Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a 1.650 - href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a> 1.651 - </dd> 1.652 - <!----> 1.653 + <dd>Håkon Wium Lie; Melinda Grant. <a 1.654 + href="http://www.w3.org/TR/2006/WD-css3-page-20061010"><cite>CSS3 1.655 + Module: Paged Media.</cite></a> 10 October 2006. W3C Working Draft. 1.656 + (Work in progress.) URL: <a 1.657 + href="http://www.w3.org/TR/2006/WD-css3-page-20061010">http://www.w3.org/TR/2006/WD-css3-page-20061010</a> 1.658 + </dd> 1.659 + <!----> 1.660 1.661 - <dt id=CSS3TEXT>[CSS3TEXT] 1.662 + <dt id=RFC2119>[RFC2119] 1.663 1.664 - <dd>Elika J. Etemad; Koji Ishii. <a 1.665 - href="http://www.w3.org/TR/2012/WD-css3-text-20120119/"><cite>CSS Text 1.666 - Level 3.</cite></a> 19 January 2012. W3C Working Draft. (Work in 1.667 - progress.) URL: <a 1.668 - href="http://www.w3.org/TR/2012/WD-css3-text-20120119/">http://www.w3.org/TR/2012/WD-css3-text-20120119/</a> 1.669 - </dd> 1.670 - <!----> 1.671 - </dl> 1.672 - <!--end-informative--> 1.673 + <dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key 1.674 + words for use in RFCs to Indicate Requirement Levels.</cite></a> 1.675 + Internet RFC 2119. URL: <a 1.676 + href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 1.677 + </dd> 1.678 + <!----> 1.679 + </dl> 1.680 + <!--end-normative--> 1.681 + <h3 class=no-num id=other-references>Other references</h3> 1.682 + <!--begin-informative--> <!-- Sorted by label --> 1.683 + <dl class=bibliography> 1.684 + <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.685 + <!----> 1.686 1.687 - <h2 class=no-num id=index>Index</h2> 1.688 - <!--begin-index--> 1.689 + <dt id=CSS3-WRITING-MODES>[CSS3-WRITING-MODES] 1.690 1.691 - <ul class=indexlist> 1.692 - <li>authoring tool, <a href="#authoring-tool" 1.693 - title="authoring tool"><strong>6.2.</strong></a> 1.694 + <dd>Elika J. Etemad; Koji Ishii. <a 1.695 + href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/"><cite>CSS 1.696 + Writing Modes Module Level 3.</cite></a> 1 May 2012. W3C Working Draft. 1.697 + (Work in progress.) URL: <a 1.698 + href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/">http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/</a> 1.699 + </dd> 1.700 + <!----> 1.701 1.702 - <li>available fragmentainer extent, <a 1.703 - href="#available-fragmentainer-extent" 1.704 - title="available fragmentainer extent"><strong>2.</strong></a> 1.705 + <dt id=CSS3COLOR>[CSS3COLOR] 1.706 1.707 - <li>avoid break values, <a href="#avoid-break-values" 1.708 - title="avoid break values"><strong>3.1.</strong></a> 1.709 + <dd>Tantek Çelik; Chris Lilley; L. David Baron. <a 1.710 + href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color 1.711 + Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a 1.712 + href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a> 1.713 + </dd> 1.714 + <!----> 1.715 1.716 - <li>box fragment, <a href="#box-fragment" 1.717 - title="box fragment"><strong>2.</strong></a> 1.718 + <dt id=CSS3TEXT>[CSS3TEXT] 1.719 1.720 - <li>break, <a href="#break" title=break><strong>2.</strong></a> 1.721 + <dd>Elika J. Etemad; Koji Ishii. <a 1.722 + href="http://www.w3.org/TR/2012/WD-css3-text-20120119/"><cite>CSS Text 1.723 + Level 3.</cite></a> 19 January 2012. W3C Working Draft. (Work in 1.724 + progress.) URL: <a 1.725 + href="http://www.w3.org/TR/2012/WD-css3-text-20120119/">http://www.w3.org/TR/2012/WD-css3-text-20120119/</a> 1.726 + </dd> 1.727 + <!----> 1.728 + </dl> 1.729 + <!--end-informative--> 1.730 + <h2 class=no-num id=index>Index</h2> 1.731 + <!--begin-index--> 1.732 + <ul class=indexlist> 1.733 + <li>authoring tool, <a href="#authoring-tool" 1.734 + title="authoring tool"><strong>6.2.</strong></a> 1.735 1.736 - <li>break-after, <a href="#break-after" 1.737 - title=break-after><strong>3.1.</strong></a> 1.738 + <li>avoid break values, <a href="#avoid-break-values" 1.739 + title="avoid break values"><strong>3.1.</strong></a> 1.740 1.741 - <li>break-before, <a href="#break-before" 1.742 - title=break-before><strong>3.1.</strong></a> 1.743 + <li>box fragment, <a href="#box-fragment" 1.744 + title="box fragment"><strong>2.</strong></a> 1.745 1.746 - <li>break-inside, <a href="#break-inside" 1.747 - title=break-inside><strong>3.1.</strong></a> 1.748 + <li>break, <a href="#break" title=break><strong>2.</strong></a> 1.749 1.750 - <li>column break, <a href="#column-break" 1.751 - title="column break"><strong>4.2.</strong></a> 1.752 + <li>break-after, <a href="#break-after" 1.753 + title=break-after><strong>3.1.</strong></a> 1.754 1.755 - <li>forced break values, <a href="#forced-break-values" 1.756 - title="forced break values"><strong>3.1.</strong></a> 1.757 + <li>break-before, <a href="#break-before" 1.758 + title=break-before><strong>3.1.</strong></a> 1.759 1.760 - <li>fragment, <a href="#fragment" title=fragment><strong>2.</strong></a> 1.761 + <li>break-inside, <a href="#break-inside" 1.762 + title=break-inside><strong>3.1.</strong></a> 1.763 1.764 - <li>fragmentainer, <a href="#fragmentainer" 1.765 - title=fragmentainer><strong>2.</strong></a> 1.766 + <li>column break, <a href="#column-break" 1.767 + title="column break"><strong>4.2.</strong></a> 1.768 1.769 - <li>fragmentation, <a href="#fragmentation" 1.770 - title=fragmentation><strong>1.</strong></a>, <a href="#fragmentation0" 1.771 - title=fragmentation><strong>2.</strong></a> 1.772 + <li>forced break values, <a href="#forced-break-values" 1.773 + title="forced break values"><strong>3.1.</strong></a> 1.774 1.775 - <li>fragmentation break, <a href="#fragmentation-break" 1.776 - title="fragmentation break"><strong>2.</strong></a> 1.777 + <li>fragment, <a href="#fragment" title=fragment><strong>2.</strong></a> 1.778 1.779 - <li>fragmentation container, <a href="#fragmentation-container" 1.780 - title="fragmentation container"><strong>2.</strong></a> 1.781 + <li>fragmentainer, <a href="#fragmentainer" 1.782 + title=fragmentainer><strong>2.</strong></a> 1.783 1.784 - <li>fragmentation context, <a href="#fragmentation-context" 1.785 - title="fragmentation context"><strong>2.</strong></a> 1.786 + <li>fragmentation, <a href="#fragmentation" 1.787 + title=fragmentation><strong>1.</strong></a>, <a href="#fragmentation0" 1.788 + title=fragmentation><strong>2.</strong></a> 1.789 1.790 - <li>fragmentation direction, <a href="#fragmentation-direction" 1.791 - title="fragmentation direction"><strong>2.</strong></a> 1.792 + <li>fragmentation break, <a href="#fragmentation-break" 1.793 + title="fragmentation break"><strong>2.</strong></a> 1.794 1.795 - <li>fragmented flow, <a href="#fragmented-flow" 1.796 - title="fragmented flow"><strong>2.</strong></a> 1.797 + <li>fragmentation container, <a href="#fragmentation-container" 1.798 + title="fragmentation container"><strong>2.</strong></a> 1.799 1.800 - <li>line break, <a href="#line-break" 1.801 - title="line break"><strong>4.2.</strong></a> 1.802 + <li>fragmentation context, <a href="#fragmentation-context" 1.803 + title="fragmentation context"><strong>2.</strong></a> 1.804 1.805 - <li>monolithic, <a href="#monolithic" 1.806 - title=monolithic><strong>4.</strong></a> 1.807 + <li>fragmentation direction, <a href="#fragmentation-direction" 1.808 + title="fragmentation direction"><strong>2.</strong></a> 1.809 1.810 - <li>orphans, <a href="#orphans" title=orphans><strong>3.2.</strong></a> 1.811 + <li>fragmented flow, <a href="#fragmented-flow" 1.812 + title="fragmented flow"><strong>2.</strong></a> 1.813 1.814 - <li>page break, <a href="#page-break0" 1.815 - title="page break"><strong>4.2.</strong></a> 1.816 + <li>line break, <a href="#line-break" 1.817 + title="line break"><strong>4.2.</strong></a> 1.818 1.819 - <li>pagination, <a href="#pagination" 1.820 - title=pagination><strong>1.</strong></a> 1.821 + <li>monolithic, <a href="#monolithic" 1.822 + title=monolithic><strong>4.</strong></a> 1.823 1.824 - <li>region break, <a href="#region-break" 1.825 - title="region break"><strong>4.2.</strong></a> 1.826 + <li>orphans, <a href="#orphans" title=orphans><strong>3.2.</strong></a> 1.827 1.828 - <li>renderer, <a href="#renderer" title=renderer><strong>6.2.</strong></a> 1.829 - 1.830 + <li>page break, <a href="#page-break0" 1.831 + title="page break"><strong>4.2.</strong></a> 1.832 1.833 - <li>spread break, <a href="#spread-break" 1.834 - title="spread break"><strong>4.2.</strong></a> 1.835 + <li>pagination, <a href="#pagination" 1.836 + title=pagination><strong>1.</strong></a> 1.837 1.838 - <li>style sheet 1.839 - <ul> 1.840 - <li>as conformance class, <a href="#style-sheet" 1.841 - title="style sheet, as conformance class"><strong>6.2.</strong></a> 1.842 - </ul> 1.843 + <li>region break, <a href="#region-break" 1.844 + title="region break"><strong>4.2.</strong></a> 1.845 1.846 - <li>widows, <a href="#widows" title=widows><strong>3.2.</strong></a> 1.847 - </ul> 1.848 - <!--end-index--> 1.849 + <li>remaining fragmentainer extent, <a 1.850 + href="#remaining-fragmentainer-extent" 1.851 + title="remaining fragmentainer extent"><strong>2.</strong></a> 1.852 1.853 - <h2 class=no-num id=property-index>Property index</h2> 1.854 - <!--begin-properties--> 1.855 + <li>renderer, <a href="#renderer" 1.856 + title=renderer><strong>6.2.</strong></a> 1.857 1.858 - <table class=proptable> 1.859 - <thead> 1.860 - <tr> 1.861 - <th>Property 1.862 + <li>spread break, <a href="#spread-break" 1.863 + title="spread break"><strong>4.2.</strong></a> 1.864 1.865 - <th>Values 1.866 + <li>style sheet 1.867 + <ul> 1.868 + <li>as conformance class, <a href="#style-sheet" 1.869 + title="style sheet, as conformance class"><strong>6.2.</strong></a> 1.870 + </ul> 1.871 1.872 - <th>Initial 1.873 + <li>widows, <a href="#widows" title=widows><strong>3.2.</strong></a> 1.874 + </ul> 1.875 + <!--end-index--> 1.876 + <h2 class=no-num id=property-index>Property index</h2> 1.877 + <!--begin-properties--> 1.878 + <table class=proptable> 1.879 + <thead> 1.880 + <tr> 1.881 + <th>Property 1.882 1.883 - <th>Applies to 1.884 + <th>Values 1.885 1.886 - <th>Inh. 1.887 + <th>Initial 1.888 1.889 - <th>Percentages 1.890 + <th>Applies to 1.891 1.892 - <th>Media 1.893 + <th>Inh. 1.894 1.895 - <tbody> 1.896 - <tr> 1.897 - <th><a class=property href="#break-after">break-after</a> 1.898 + <th>Percentages 1.899 1.900 - <td>auto | always | left | right | recto | verso | page | column | 1.901 - region | avoid | avoid-page | avoid-column | avoid-region 1.902 + <th>Media 1.903 1.904 - <td>auto 1.905 + <tbody> 1.906 + <tr> 1.907 + <th><a class=property href="#break-after">break-after</a> 1.908 1.909 - <td>block-level elements, table row groups, table rows (but see prose) 1.910 + <td>auto | always | left | right | recto | verso | page | column | 1.911 + region | avoid | avoid-page | avoid-column | avoid-region 1.912 1.913 - <td>no 1.914 + <td>auto 1.915 1.916 - <td>N/A 1.917 + <td>block-level elements, table row groups, table rows (but see prose) 1.918 1.919 - <td>visual 1.920 + <td>no 1.921 1.922 - <tr> 1.923 - <th><a class=property href="#break-before">break-before</a> 1.924 + <td>N/A 1.925 1.926 - <td>auto | always | left | right | page | column | region | avoid | 1.927 - avoid-page | avoid-column | avoid-region 1.928 + <td>visual 1.929 1.930 - <td>auto 1.931 + <tr> 1.932 + <th><a class=property href="#break-before">break-before</a> 1.933 1.934 - <td>block-level elements, table row groups, table rows (but see prose) 1.935 + <td>auto | always | left | right | page | column | region | avoid | 1.936 + avoid-page | avoid-column | avoid-region 1.937 1.938 - <td>no 1.939 + <td>auto 1.940 1.941 - <td>N/A 1.942 + <td>block-level elements, table row groups, table rows (but see prose) 1.943 1.944 - <td>visual 1.945 + <td>no 1.946 1.947 - <tr> 1.948 - <th><a class=property href="#break-inside">break-inside</a> 1.949 + <td>N/A 1.950 1.951 - <td>auto | avoid | avoid-page | avoid-column | avoid-region 1.952 + <td>visual 1.953 1.954 - <td>auto 1.955 + <tr> 1.956 + <th><a class=property href="#break-inside">break-inside</a> 1.957 1.958 - <td>elements that establish formatting contexts, block containers, table 1.959 - row groups, and table rows (but see prose) 1.960 + <td>auto | avoid | avoid-page | avoid-column | avoid-region 1.961 1.962 - <td>no 1.963 + <td>auto 1.964 1.965 - <td>N/A 1.966 + <td>elements that establish formatting contexts, block containers, 1.967 + table row groups, and table rows (but see prose) 1.968 1.969 - <td>visual 1.970 + <td>no 1.971 1.972 - <tr> 1.973 - <th><a class=property href="#orphans">orphans</a> 1.974 + <td>N/A 1.975 1.976 - <td><integer> 1.977 + <td>visual 1.978 1.979 - <td>2 1.980 + <tr> 1.981 + <th><a class=property href="#orphans">orphans</a> 1.982 1.983 - <td>block containers 1.984 + <td><integer> 1.985 1.986 - <td>yes 1.987 + <td>2 1.988 1.989 - <td>N/A 1.990 + <td>block containers 1.991 1.992 - <td>visual 1.993 + <td>yes 1.994 1.995 - <tr> 1.996 - <th><a class=property href="#widows">widows</a> 1.997 + <td>N/A 1.998 1.999 - <td><integer> 1.1000 + <td>visual 1.1001 1.1002 - <td>2 1.1003 + <tr> 1.1004 + <th><a class=property href="#widows">widows</a> 1.1005 1.1006 - <td>block containers 1.1007 + <td><integer> 1.1008 1.1009 - <td>yes 1.1010 + <td>2 1.1011 1.1012 - <td>N/A 1.1013 + <td>block containers 1.1014 1.1015 - <td>visual 1.1016 - </table> 1.1017 - <!--end-properties--> 1.1018 + <td>yes 1.1019 + 1.1020 + <td>N/A 1.1021 + 1.1022 + <td>visual 1.1023 + </table> 1.1024 + <!--end-properties--> </figure> 1.1025 </html> 1.1026 <!-- Keep this comment at the end of the file 1.1027 Local variables:
2.1 --- a/css3-break/Overview.src.html Tue Aug 07 17:08:10 2012 -0700 2.2 +++ b/css3-break/Overview.src.html Tue Aug 07 17:09:48 2012 -0700 2.3 @@ -153,7 +153,7 @@ 2.4 The portion of a box that belongs to exactly one <i>fragmentainer</i>. 2.5 A box in continuous flow always consists of only one fragment. 2.6 A box in a fragmented flow consists of one or more fragments. 2.7 - <dt><dfn>available fragmentainer extent</dfn></dt> 2.8 + <dt><dfn>remaining fragmentainer extent</dfn></dt> 2.9 <dd> 2.10 The remaining extent on the fragmentainer available to a given element, 2.11 i.e. between the end of preceding content on fragmentainer and the 2.12 @@ -711,7 +711,7 @@ 2.13 <div class="example" id="widows-orphans-example"> 2.14 <p> 2.15 Suppose, for example, that the style sheet contains ''orphans : 4'', 2.16 - ''widows : 2'', and there are 20 lines (line boxes) available 2.17 + ''widows : 2'', and there is space for 20 lines (line boxes) available 2.18 at the bottom of the current page, and the next block in normal flow 2.19 is considered for placement: 2.20 </p> 2.21 @@ -777,7 +777,7 @@ 2.22 progress from the breakpoint on the previous, but recalculating sizes 2.23 and positions using its own size as if the entire element were fragmented 2.24 across fragmentainers of this size. Progress is measured in percentages 2.25 - (not absolute lengths) of used/available fragmentainer extent and in amount of 2.26 + (not absolute lengths) of used/remaining fragmentainer extent and in amount of 2.27 used/remaining content. 2.28 However, when laying out <i>monolithic</i> elements, 2.29 the UA may instead maintain a consistent measure and resolved extent 2.30 @@ -821,11 +821,11 @@ 2.31 <!-- -->Second page in case the 'width' computes to 'length' value 2.32 <!-- --> 2.33 <!-- -->+-----------------+ 2.34 -<!-- --> |#`````````##``````````# 2.35 -<!-- --> |# left ## right # 2.36 -<!-- --> |# float ## float # 2.37 -<!-- --> |# cont. ## cont. # 2.38 -<!-- --> |####################### 2.39 +<!-- -->|#`````````##``````````# 2.40 +<!-- -->|# left ## right # 2.41 +<!-- -->|# float ## float # 2.42 +<!-- -->|# cont. ## cont. # 2.43 +<!-- -->|####################### 2.44 <!-- -->|.................| 2.45 <!-- -->|............... | 2.46 <!-- -->|.................| 2.47 @@ -947,62 +947,82 @@ 2.48 Margins at Breaks</h3> 2.49 2.50 <p> 2.51 - When an unforced break occurs between block-level boxes, any adjoining 2.52 - margins are set to zero. When a forced break occurs there, any margins 2.53 - before the break are truncated, but margins after the break are preserved. 2.54 + When an unforced break occurs between block-level boxes, 2.55 + any margins adjoining the break are truncated. 2.56 + When a forced break occurs there, adjoining margins before the break are truncated, 2.57 + but margins after the break are preserved. 2.58 </p> 2.59 2.60 <h3 id="break-decoration"> 2.61 -Decorating Box Breaks</h3> 2.62 +Splitting Boxes at Breaks</h3> 2.63 2.64 <p> 2.65 - When a break splits a box, the 'box-decoration-break' property controls 2.66 - whether the box's margins, borders, and padding wrap the fragment effect 2.67 - where the split occurs. If they do not (i.e. ''slice'' is specified), 2.68 - the box's background and side margins, border, and padding extend from 2.69 - the effective break point to the end of the fragmentainer (and across the 2.70 - ensuing blank fragmentainer if one is generated due to ''left'' or ''right'' 2.71 - breaking). <span class="issue">Does this use up height?</span> 2.72 + Where a break splits a box, the 'box-decoration-break' property controls 2.73 + whether the box's margins, borders, padding, and other decorations 2.74 + wrap the resulting fragments where the split occurs. [[!CSS3BG]] 2.75 </p> 2.76 2.77 - <div class=issue style="counter-increment: none"> 2.78 - <p>For ''clone'', if the box is tight-wrapping around the content (which, 2.79 - we believe it should), it makes sense not to use up specified height. 2.80 - But there isn't a very strong reason for ''slice'' to use or not use up 2.81 - specified height. So for consistency, we suggest that neither uses up 2.82 - specified height. 2.83 + <p class="issue"> 2.84 + Move 'box-decoration-break' definition here? 2.85 + </p> 2.86 + 2.87 + <p> 2.88 + If the box is inline or is a block-level box with its extent specified 2.89 + as a <var><length></var> or <var><percentage></var>, 2.90 + then the fragmented content box ends at the break point and resumes after the break. 2.91 + Otherwise, 2.92 + the content box extends to fill any <i>remaining fragmentainer extent</i> 2.93 + before the content resumes 2.94 + (leaving room for any margins/borders/padding applied by ''box-decoration-break: clone''). 2.95 + 2.96 + 2.97 + <p> 2.98 + In all cases, 2.99 + the extra extent contributed by fragmenting the box 2.100 + (i.e. the distance from the break point to the edge of the fragmentainer) 2.101 + does not consume any specified <var><length></var> 2.102 + or <var><percentage></var> extent. 2.103 + 2.104 + 2.105 + <figure> 2.106 + <figcaption> 2.107 + The diagrams below illustrate the differences between fragmented boxes 2.108 + in the first category (gapping across the remaining fragmentainer extent) 2.109 + and those in the second (filling the remaining fragmentainer extent). 2.110 + </figcaption> 2.111 <pre> 2.112 -+-----------------+ 2.113 -| ............... | 2.114 -| .............. | 2.115 -| ............... | 2.116 -| .............. | 2.117 -| ............ | 2.118 -| ############### | 2.119 -| # this box # | 2.120 -| # is # | << box-break: clone 2.121 -| # fragmented # | 2.122 -| ############### | <-+ 2.123 -| | | remaining 2.124 -| | | blank 2.125 -| | | space 2.126 -+-----------------+ <-+ 2.127 + slice clone 2.128 ++-----------------+ +-----------------+ 2.129 +| ............... | | ............... | 2.130 +| .............. | | .............. | 2.131 +| ............... | | ............... | 2.132 +| .............. | | .............. | 2.133 +| ............ | | ............ | 2.134 +| ############### | | ############### | 2.135 +| # this box # | | # this box # | 2.136 +| # is # | | # is # | << fixed-height block 2.137 +| # fragmented # | | # fragmented # | 2.138 +| | | ############### | <-+ 2.139 +| | | | | remaining 2.140 +| | | | | blank 2.141 +| | | | | space 2.142 ++-----------------+ +-----------------+ <-+ 2.143 2.144 -+-----------------+ 2.145 -| ............... | 2.146 -| .............. | 2.147 -| ............... | 2.148 -| .............. | 2.149 -| ............ | 2.150 -| ############### | 2.151 -| # this box # | 2.152 -| # is # | << box-break: slice 2.153 -| # fragmented # | 2.154 -| # # | <-+ 2.155 -| # # | | remaining 2.156 -| # # | | blank 2.157 -| # # | | space 2.158 -+-----------------+ <-+</pre> 2.159 ++-----------------+ +-----------------+ 2.160 +| ............... | | ............... | 2.161 +| .............. | | .............. | 2.162 +| ............... | | ............... | 2.163 +| .............. | | .............. | 2.164 +| ............ | | ............ | 2.165 +| ############### | | ############### | 2.166 +| # this box # | | # this box # | 2.167 +| # is # | | # is # | << auto-height block 2.168 +| # fragmented # | | # fragmented # | 2.169 +| # # | | # # | <-+ 2.170 +| # # | | # # | | remaining 2.171 +| # # | | # # | | blank 2.172 +| # # | | ############### | | space 2.173 ++-----------------+ +-----------------+ <-+</pre> 2.174 </div> 2.175 2.176 <h2 id="conformance">
3.1 --- a/default.css Tue Aug 07 17:08:10 2012 -0700 3.2 +++ b/default.css Tue Aug 07 17:09:48 2012 -0700 3.3 @@ -219,6 +219,11 @@ 3.4 text-align: center; 3.5 margin: 2.5em 0; 3.6 } 3.7 +div.figure pre, div.sidefigure pre, figure pre { 3.8 + text-align: left; 3.9 + display: table; 3.10 + margin: 1em auto; 3.11 +} 3.12 div.sidefigure, figure.sidefigure { 3.13 float: right; 3.14 width: 50%;
