mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
459 lines
No EOL
19 KiB
HTML
459 lines
No EOL
19 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Page Breaks - CSS Paged Media Module Level 3 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
|
|
<h2>Page Breaks (33 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s9">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#page-breaks">9 Page Breaks</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#allowed-pg-brk">
|
|
<!-- 7 tests -->
|
|
<tr id="allowed-page-breaks-001a-9.#allowed-pg-brk" class="paged">
|
|
<td>
|
|
<a href="allowed-page-breaks-001a.htm">allowed-page-breaks-001a</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page breaks between blocks
|
|
<ul class="assert">
|
|
<li>Unforced breaking in the vertical margin between sibling block boxes is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="allowed-page-breaks-001b-9.#allowed-pg-brk" class="may paged">
|
|
<td>
|
|
<a href="allowed-page-breaks-001b.htm">allowed-page-breaks-001b</a></td>
|
|
<td></td>
|
|
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page breaks between table rows
|
|
<ul class="assert">
|
|
<li>Unforced breaking in the vertical margin between sibling table rows is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="allowed-page-breaks-001c-9.#allowed-pg-brk" class="may paged">
|
|
<td>
|
|
<a href="allowed-page-breaks-001c.htm">allowed-page-breaks-001c</a></td>
|
|
<td></td>
|
|
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page breaks between blocks within table cells
|
|
<ul class="assert">
|
|
<li>Unforced breaking in the vertical margin between sibling block boxes is allowed only if the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin are 'auto' and the common ancestors of all the elements do not have a 'page-break-inside' value of 'avoid'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-margins-003-9.#allowed-pg-brk" class="paged">
|
|
<td>
|
|
<a href="page-break-margins-003.htm">page-break-margins-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page break margin handling
|
|
<ul class="assert">
|
|
<li>When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-bottom' and 'margin-top' properties are set to '0'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-margins-004-9.#allowed-pg-brk" class="paged">
|
|
<td>
|
|
<a href="page-break-margins-004.htm">page-break-margins-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page break margin handling
|
|
<ul class="assert">
|
|
<li>When a page break occurs in the vertical margin between sibling block boxes, the used values of the adjoining 'margin-top' property is set to '0'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-breaks-100-9.#allowed-pg-brk" class="paged">
|
|
<td>
|
|
<a href="page-breaks-100.htm">page-breaks-100</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page breaks: clearing bottom margin
|
|
<ul class="assert">
|
|
<li>When an element would span a page break solely to satisfy a descendant's bottom margin, that margin is instead truncated and the element does not span pages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-breaks-101-9.#allowed-pg-brk" class="paged">
|
|
<td>
|
|
<a href="page-breaks-101.htm">page-breaks-101</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Breaks and Bottom Margin (with bg/border)
|
|
<ul class="assert">
|
|
<li>Page breaks are not allowed between the last child of a block and its parent.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s9.#best-pg-brk">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#breaks-inside">
|
|
<!-- 5 tests -->
|
|
<tr id="orphans-001-9.#breaks-inside" class="paged">
|
|
<td>
|
|
<a href="orphans-001.htm">orphans-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>breaks inside elements: orphans initial value
|
|
<ul class="assert">
|
|
<li>The initial value of the 'orphans' property is 2.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orphans-004a-9.#breaks-inside" class="invalid paged">
|
|
<td>
|
|
<a href="orphans-004a.htm">orphans-004a</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>orphans property syntax - integer
|
|
<ul class="assert">
|
|
<li>The syntax of the 'orphans' property is integer.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orphans-004b-9.#breaks-inside" class="invalid paged">
|
|
<td>
|
|
<a href="orphans-004b.htm">orphans-004b</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>orphans property syntax - one
|
|
<ul class="assert">
|
|
<li>The 'orphans' property accepts the integer one.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="widows-004a-9.#breaks-inside" class="paged">
|
|
<td>
|
|
<a href="widows-004a.htm">widows-004a</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>widows property syntax - positive integer
|
|
<ul class="assert">
|
|
<li>The syntax of the 'widows' property is positive integer.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="widows-004b-9.#breaks-inside" class="paged">
|
|
<td>
|
|
<a href="widows-004b.htm">widows-004b</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>widows property syntax - one
|
|
<ul class="assert">
|
|
<li>The 'widows' property accepts the integer one.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s9.#brk-btw-blocks">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#brk-btw-lines">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#brk-end-block">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#forced-pg-brk">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#orphans">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#page-break-after">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#page-break-before">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#page-break-inside">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.#pg-br-before-after">
|
|
<!-- 21 tests -->
|
|
<tr id="page-break-after-002-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-after-002.htm">page-break-after-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after applies to blocks
|
|
<ul class="assert">
|
|
<li>The 'page-break-after' property must be applied to block-level elements and may be applied to other elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-005-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-after-005.htm">page-break-after-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after: initial value
|
|
<ul class="assert">
|
|
<li>The initial value of the 'page-break-after' property is 'auto'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-006-9.#pg-br-before-after" class="">
|
|
<td>
|
|
<a href="page-break-after-006.htm">page-break-after-006</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>page-break-after applies to paged media
|
|
<ul class="assert">
|
|
<li>The 'page-break-after' property applies to paged media only</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-007-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-after-007.htm">page-break-after-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after: auto
|
|
<ul class="assert">
|
|
<li>The 'auto' value of the 'page-break-after' property neither forces nor forbids a page break after the box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-008-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-after-008.htm">page-break-after-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after: right
|
|
<ul class="assert">
|
|
<li>The 'right' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a right page</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-009-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-after-009.htm">page-break-after-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after: avoid
|
|
<ul class="assert">
|
|
<li>The 'avoid' value of the 'page-break-after' property inhibits a page break after the element when possible.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-010-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-after-010.htm">page-break-after-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after: left
|
|
<ul class="assert">
|
|
<li>The 'left' value of the 'page-break-after' property forces one or two page breaks before the box so that the page after the break is formatted as a left page</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-000-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-000.htm">page-break-before-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before: always
|
|
<ul class="assert">
|
|
<li>The 'always' value of the 'page-break-before' property forces a page break before the box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-003-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-003.htm">page-break-before-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before: left
|
|
<ul class="assert">
|
|
<li>- The 'left' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a left page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-004-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-004.htm">page-break-before-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before (no inherit)
|
|
<ul class="assert">
|
|
<li>The 'page-break-before' property is not inherited.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-005-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-005.htm">page-break-before-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before: right
|
|
<ul class="assert">
|
|
<li>- The 'right' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a right page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-006-9.#pg-br-before-after" class="invalid paged">
|
|
<td>
|
|
<a href="page-break-before-006.htm">page-break-before-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before (invalid syntax)
|
|
<ul class="assert">
|
|
<li>The syntax of the 'page-break-before' property is auto | always | avoid | left | right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-007-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-007.htm">page-break-before-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before initial value
|
|
<ul class="assert">
|
|
<li>The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-007-b-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-007-b.htm">page-break-before-007-b</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before explicit auto test
|
|
<ul class="assert">
|
|
<li>The initial value of the 'page-break-before' property is 'auto'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-008-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-008.htm">page-break-before-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before paged media
|
|
<ul class="assert">
|
|
<li>The 'page-break-before' property applies to paged media only</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-009-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-009.htm">page-break-before-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before avoid
|
|
<ul class="assert">
|
|
<li>The 'avoid' value of the 'page-break-before' property prevents a page break before the element when possible</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-010-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-010.htm">page-break-before-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before :auto
|
|
<ul class="assert">
|
|
<li>The 'auto' value of the 'page-break-before' property neither forces nor forbids a page break before the box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-011-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-011.htm">page-break-before-011</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before initial value
|
|
<ul class="assert">
|
|
<li>The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-020-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-before-020.htm">page-break-before-020</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Paged media - page-break-before on floats
|
|
<ul class="assert">
|
|
<li>The 'page-break-before' property applies to floated block-level elements in normal flow.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-inside-001-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-inside-001.htm">page-break-inside-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-inside: avoid (basic)
|
|
<ul class="assert">
|
|
<li>The 'avoid' value of the 'page-break-inside' property causes the UA to avoid breaking inside the element.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-inside-004-9.#pg-br-before-after" class="paged">
|
|
<td>
|
|
<a href="page-break-inside-004.htm">page-break-inside-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page page-break-inside:auto
|
|
<ul class="assert">
|
|
<li>The initial value of the 'page-break-inside' property is 'auto'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s9.#widows">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s9.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#using-named-pages">9.1 Using named pages: ‘page’</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#end-page-value">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#named-page">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#page">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s9.1.#start-page-value">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |