mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
1505 lines
72 KiB
HTML
1505 lines
72 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Paged media - CSS 2.1 Conformance Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS 2.1 Conformance Test Suite</h1>
|
|
<h2>Paged media (133 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s13">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#the-page">13 Paged media</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.1">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-intro">13.1 Introduction to paged media</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="abspos-paged-001-13.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="abspos-paged-001.xht">abspos-paged-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Positioning in paged media: Initial containing block
|
|
</td>
|
|
</tr>
|
|
<tr id="abspos-paged-002-13.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="abspos-paged-002.xht">abspos-paged-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Positioning in paged media: Positioning multiple pages
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s13.1.#x0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.2">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-box">13.2 Page boxes: the @page rule</a></th></tr>
|
|
<!-- 12 tests -->
|
|
<tr id="at-page-rule-001-13.2" class="primary invalid paged">
|
|
<td><strong>
|
|
<a href="at-page-rule-001.xht">at-page-rule-001</a></strong></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>Ignoring at-rules inside declaration blocks
|
|
<ul class="assert">
|
|
<li>At-rules inside @page blocks are parsed as invalid at-rule statements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-000-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-container-000.xht">page-container-000</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Paged Media root container
|
|
<ul class="assert">
|
|
<li>For a single-page document, the containing box for the root element is the page area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-001-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-container-001.xht">page-container-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>paged media abspos containing block
|
|
<ul class="assert">
|
|
<li>For a single-page document, the containing box for positioned content with no positioned ancestor is the page area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-002-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-container-002.xht">page-container-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>paged media root percent height
|
|
<ul class="assert">
|
|
<li>A percentage height on the root element is relative to the page area height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-003-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-container-003.xht">page-container-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>paged media position fixed
|
|
<ul class="assert">
|
|
<li>Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-004-13.2" class="primary may paged">
|
|
<td><strong>
|
|
<a href="page-container-004.xht">page-container-004</a></strong></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>Paged Media root container (float)
|
|
<ul class="assert">
|
|
<li>The root element when floated abuts the left or right edge of the page area.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-005-13.2" class="primary image paged">
|
|
<td><strong>
|
|
<a href="page-container-005.xht">page-container-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Paged content
|
|
<ul class="assert">
|
|
<li>The page area includes the boxes laid out on that page. The content of the document is flowed into the page area of one or more page sheets.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-006-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-container-006.xht">page-container-006</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Paged media - percent on root
|
|
<ul class="assert">
|
|
<li>A percentage width on the root element is relative to the page area width.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-container-010-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-container-010.xht">page-container-010</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Paged Media Height (percent)
|
|
<ul class="assert">
|
|
<li>For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-grammar-001-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-grammar-001.xht">page-grammar-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page grammar: white space allowed around pseudo
|
|
<ul class="assert">
|
|
<li>White space before and after a pseudo-page selector is allowed.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-grammar-002-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-grammar-002.xht">page-grammar-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page grammar: white space not required around pseudo
|
|
<ul class="assert">
|
|
<li>White space before and after a pseudo-page selector is not required.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-selectors-001-13.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-selectors-001.xht">page-selectors-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page selector is optional in @page rules
|
|
<ul class="assert">
|
|
<li>An @page rule consists of the keyword '@page', followed by an optional page selector, followed by a block of declarations.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s13.2.#page-area">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.#page-context">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.#x1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.#x3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.#x5">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.2.1">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-margins">13.2.1 Page margins</a></th></tr>
|
|
<!-- 8 tests -->
|
|
<tr id="at-page-rule-002-a-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="at-page-rule-002-a.xht">at-page-rule-002-a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page margins on top and right using percentages
|
|
<ul class="assert">
|
|
<li>A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="at-page-rule-002-b-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="at-page-rule-002-b.xht">at-page-rule-002-b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page margins shorthand using fixed physical units
|
|
<ul class="assert">
|
|
<li>A margin declaration within the @page context applies to the page box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="at-page-rule-002-c-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="at-page-rule-002-c.xht">at-page-rule-002-c</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Margins: bottom and left (percent)
|
|
<ul class="assert">
|
|
<li>A margin declaration within the @page context applies to the page box.</li>
|
|
<li>Percentage values on right and left margins are relative to the page box width.</li>
|
|
<li>Percentage values on top and bottom margins are relative to the page box height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-margin-000-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-margin-000.xht">page-margin-000</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page margins shorthand using fixed physical units
|
|
<ul class="assert">
|
|
<li>A margin declaration within the @page context applies to the page box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-margin-001-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-margin-001.xht">page-margin-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page margins on top and right using percentages
|
|
<ul class="assert">
|
|
<li>A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-margin-002-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-margin-002.xht">page-margin-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page margins on bottom and left using percentages
|
|
<ul class="assert">
|
|
<li>A margin declaration within the @page context applies to the page box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-100-a-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-props-100-a.xht">page-props-100-a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Unqualified Page Contexts (first, right)
|
|
<ul class="assert">
|
|
<li>A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-100-b-13.2.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-props-100-b.xht">page-props-100-b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Unqualified Page Contexts (first, left)
|
|
<ul class="assert">
|
|
<li>A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s13.2.1.#img-page-info">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.2.2">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-selectors">13.2.2 Page selectors: selecting left, right, and first pages</a></th></tr>
|
|
<!-- 13 tests -->
|
|
<tr id="first-page-selectors-001-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="first-page-selectors-001.xht">first-page-selectors-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Selectors - First Page in LTR
|
|
<ul class="assert">
|
|
<li>The first page of a left-to-right document is a :right page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="first-page-selectors-002-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="first-page-selectors-002.xht">first-page-selectors-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Selectors - First Page in RTL
|
|
<ul class="assert">
|
|
<li>The first page of a right-to-left document is a :left page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="first-page-selectors-003-13.2.2" class="primary may paged">
|
|
<td><strong>
|
|
<a href="first-page-selectors-003.xht">first-page-selectors-003</a></strong></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>Page Selectors - First Page in LTR Forced :left
|
|
<ul class="assert">
|
|
<li>The first page of a left-to-right document can be forced as :left by inserting a page break.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="first-page-selectors-004-13.2.2" class="primary may paged">
|
|
<td><strong>
|
|
<a href="first-page-selectors-004.xht">first-page-selectors-004</a></strong></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>Page Selectors - First Page in RTL Forced :right
|
|
<ul class="assert">
|
|
<li>The first page of a right-to-left document can be forced as :right by inserting a page break.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-100-a-13.2.2" class="paged">
|
|
<td>
|
|
<a href="page-props-100-a.xht">page-props-100-a</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Unqualified Page Contexts (first, right)
|
|
<ul class="assert">
|
|
<li>A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-100-b-13.2.2" class="paged">
|
|
<td>
|
|
<a href="page-props-100-b.xht">page-props-100-b</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Unqualified Page Contexts (first, left)
|
|
<ul class="assert">
|
|
<li>A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-101-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-props-101.xht">page-props-101</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Right and Left Pages (page area equal)
|
|
<ul class="assert">
|
|
<li>The right and left pages of a document may use differing margin styles that yield equivalent page area heights.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-102-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-props-102.xht">page-props-102</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Right and Left Pages (page area equal)
|
|
<ul class="assert">
|
|
<li>The right and left pages of a document may use differing margin styles that yield different page area widths, but the UA may adjust the margins such that the page area widths are the same.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-103-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-props-103.xht">page-props-103</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Right and Left Pages (page area equal)
|
|
<ul class="assert">
|
|
<li>The right and left pages of a document may use differing margin styles that yield different page area heights.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-selectors-002-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-selectors-002.xht">page-selectors-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Selectors: first, right, and left pages
|
|
<ul class="assert">
|
|
<li>In CSS 2.1, page selectors may designate the first page, all left pages, or all right pages.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-selectors-003-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-selectors-003.xht">page-selectors-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page cascade (right/left)
|
|
<ul class="assert">
|
|
<li>Properties specified in a :left or :right @page rule override those specified in an @page rule that has no pseudo-class specified.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-selectors-004-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-selectors-004.xht">page-selectors-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page cascade (first trumps right)
|
|
<ul class="assert">
|
|
<li>Properties specified in a :first @page context override those specified in :right @page contexts.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-selectors-006-13.2.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-selectors-006.xht">page-selectors-006</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page cascade (first trumps no pseudo-class)
|
|
<ul class="assert">
|
|
<li>Properties specified in a :first @page rule override those specified in an @page rule with no pseudo-class specified.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s13.2.2.#x10">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.2.#x6">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.2.#x8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.2.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.2.3">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#outside-page-box">13.2.3 Content outside the page box</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="page-box-000-13.2.3" class="primary paged should">
|
|
<td><strong>
|
|
<a href="page-box-000.xht">page-box-000</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>Page bleed
|
|
<ul class="assert">
|
|
<li>Content should be allowed slightly beyond the page box to allow pages to 'bleed'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s13.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-breaks">13.3 Page breaks</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3.1">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-break-props">13.3.1 Page break properties: 'page-break-before', 'page-break-after', 'page-break-inside'</a></th></tr>
|
|
<!-- 43 tests -->
|
|
<tr id="allowed-page-breaks-001a-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="allowed-page-breaks-001a.xht">allowed-page-breaks-001a</a></strong></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-13.3.1" class="primary may paged">
|
|
<td><strong>
|
|
<a href="allowed-page-breaks-001b.xht">allowed-page-breaks-001b</a></strong></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-13.3.1" class="primary may paged">
|
|
<td><strong>
|
|
<a href="allowed-page-breaks-001c.xht">allowed-page-breaks-001c</a></strong></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="allowed-page-breaks-002-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="allowed-page-breaks-002.xht">allowed-page-breaks-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page break - line box breaking
|
|
<ul class="assert">
|
|
<li>Breaking between line boxes is allowed only if the number of line boxes between the break and the start of the enclosing block box is the value of 'orphans' or more, and the number of line boxes between the break and the end of the box is the value of 'widows' or more and the value of the 'page-break-inside' property is 'auto'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="allowed-page-breaks-003-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="allowed-page-breaks-003.xht">allowed-page-breaks-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page break - dropping page-break-* restrictions
|
|
<ul class="assert">
|
|
<li>If the standard restrictions do not provide enough break points to keep content from overflowing the page boxes, then the restrictions imposed by 'avoid' on the 'page-break-*' properties are dropped.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="allowed-page-breaks-004-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="allowed-page-breaks-004.xht">allowed-page-breaks-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page break - dropping widows and orphans restrictions
|
|
<ul class="assert">
|
|
<li>If the standard restrictions do not provide enough break points to keep content from overflowing the page boxes after dropping the restrictions imposed by 'avoid' on the 'page-break-*' properties then the restrictions due to 'windows' and 'orphans' are dropped as well.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="forced-page-breaks-000-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="forced-page-breaks-000.xht">forced-page-breaks-000</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>forced page breaks
|
|
<ul class="assert">
|
|
<li>A page break MUST occur in the vertical margin between block boxes if, among the 'page-break-after' and 'page-break-before' properties of all the elements generating boxes that meet at this margin, there is at least one with the value 'always', 'left', or 'right'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="forced-page-breaks-001-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="forced-page-breaks-001.xht">forced-page-breaks-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>multiple forced page breaks case
|
|
<ul class="assert">
|
|
<li>When multiple 'page-break-before' and/or 'page-break-after' properties with values of 'always', 'left' or 'right' apply at a margin, only one of them generates page breaks.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="forced-page-breaks-002-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="forced-page-breaks-002.xht">forced-page-breaks-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>forced page breaks for different page values
|
|
<ul class="assert">
|
|
<li>A page break MUST occur in the vertical margin between block boxes if the last line box above this margin and the first one below it do not have the same value for 'page'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-000-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-000.xht">page-break-after-000</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after: always
|
|
<ul class="assert">
|
|
<li>The 'always' value of the 'page-break-after' property forces a page break after the box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-001-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-001.xht">page-break-after-001</a></strong></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 'always' value of the 'page-break-after' property forces a page break after the box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-002-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-002.xht">page-break-after-002</a></strong></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-003-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-003.xht">page-break-after-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-after (no inherit)
|
|
<ul class="assert">
|
|
<li>The 'page-break-after' property is not inherited.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-004-13.3.1" class="primary invalid paged">
|
|
<td><strong>
|
|
<a href="page-break-after-004.xht">page-break-after-004</a></strong></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-after (invalid syntax)
|
|
<ul class="assert">
|
|
<li>The syntax of the 'page-break-after' property is auto | always | avoid | left | right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-after-005-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-005.xht">page-break-after-005</a></strong></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-13.3.1" class="primary">
|
|
<td><strong>
|
|
<a href="page-break-after-006.xht">page-break-after-006</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-007.xht">page-break-after-007</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-008.xht">page-break-after-008</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-009.xht">page-break-after-009</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-after-010.xht">page-break-after-010</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-000.xht">page-break-before-000</a></strong></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-001-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-001.xht">page-break-before-001</a></strong></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-002-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-002.xht">page-break-before-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-before inline elements
|
|
<ul class="assert">
|
|
<li>The 'page-break-before' property applies to block-level elements only.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-before-003-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-003.xht">page-break-before-003</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-004.xht">page-break-before-004</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-005.xht">page-break-before-005</a></strong></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-13.3.1" class="primary invalid paged">
|
|
<td><strong>
|
|
<a href="page-break-before-006.xht">page-break-before-006</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-007.xht">page-break-before-007</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-007-b.xht">page-break-before-007-b</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-008.xht">page-break-before-008</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-009.xht">page-break-before-009</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-010.xht">page-break-before-010</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-011.xht">page-break-before-011</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-before-020.xht">page-break-before-020</a></strong></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-000-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-inside-000.xht">page-break-inside-000</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-inside:auto
|
|
<ul class="assert">
|
|
<li>The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-inside-001-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-inside-001.xht">page-break-inside-001</a></strong></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-002-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-inside-002.xht">page-break-inside-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-inside (inline elements)
|
|
<ul class="assert">
|
|
<li>The 'page-break-inside' property applies to block-level elements only.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-inside-003-13.3.1" class="primary invalid paged">
|
|
<td><strong>
|
|
<a href="page-break-inside-003.xht">page-break-inside-003</a></strong></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 page-break-inside invalid syntax
|
|
<ul class="assert">
|
|
<li>The syntax of the 'page-break-inside' property is auto | avoid.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-inside-004-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-inside-004.xht">page-break-inside-004</a></strong></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>
|
|
<tr id="page-break-inside-006-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-inside-006.xht">page-break-inside-006</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>page-break-inside: paged media
|
|
<ul class="assert">
|
|
<li>The 'page-break-inside' property applies to paged media only.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-break-margins-002-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-margins-002.xht">page-break-margins-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>allowed page break margin handling
|
|
<ul class="assert">
|
|
<li>When a page break occurs in the vertical margin between sibling block boxes (or rows in a table), 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-003-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-margins-003.xht">page-break-margins-003</a></strong></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-13.3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-break-margins-004.xht">page-break-margins-004</a></strong></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>
|
|
</tbody>
|
|
<tbody id="s13.3.1.#propdef-page-break-after">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.3.1.#propdef-page-break-before">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.3.1.#propdef-page-break-inside">
|
|
<!-- 44 tests -->
|
|
<tr id="moz-css21-block-page-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-1.xht">moz-css21-block-page-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-10-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-10.xht">moz-css21-block-page-break-inside-avoid-10</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-11-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-11.xht">moz-css21-block-page-break-inside-avoid-11</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-12-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-12.xht">moz-css21-block-page-break-inside-avoid-12</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-13-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-13.xht">moz-css21-block-page-break-inside-avoid-13</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-14-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-14.xht">moz-css21-block-page-break-inside-avoid-14</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-15-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-15.xht">moz-css21-block-page-break-inside-avoid-15</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-2-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-2.xht">moz-css21-block-page-break-inside-avoid-2</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-3-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-3.xht">moz-css21-block-page-break-inside-avoid-3</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-4-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-4.xht">moz-css21-block-page-break-inside-avoid-4</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-5-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-5.xht">moz-css21-block-page-break-inside-avoid-5</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-6-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-6.xht">moz-css21-block-page-break-inside-avoid-6</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-7-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-7.xht">moz-css21-block-page-break-inside-avoid-7</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-8-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-8.xht">moz-css21-block-page-break-inside-avoid-8</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-block-page-break-inside-avoid-9-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-block-page-break-inside-avoid-9.xht">moz-css21-block-page-break-inside-avoid-9</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-1.xht">moz-css21-float-page-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-2-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-2.xht">moz-css21-float-page-break-inside-avoid-2</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-3-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-3.xht">moz-css21-float-page-break-inside-avoid-3</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-4-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-4.xht">moz-css21-float-page-break-inside-avoid-4</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-5-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-5.xht">moz-css21-float-page-break-inside-avoid-5</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-6-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-6.xht">moz-css21-float-page-break-inside-avoid-6</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-7-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-7.xht">moz-css21-float-page-break-inside-avoid-7</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-8-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-8.xht">moz-css21-float-page-break-inside-avoid-8</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-float-page-break-inside-avoid-9-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-float-page-break-inside-avoid-9.xht">moz-css21-float-page-break-inside-avoid-9</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-inline-page-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-inline-page-break-inside-avoid-1.xht">moz-css21-inline-page-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-row-page-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-row-page-break-inside-avoid-1.xht">moz-css21-row-page-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-row-page-break-inside-avoid-2-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-row-page-break-inside-avoid-2.xht">moz-css21-row-page-break-inside-avoid-2</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-1.xht">moz-css21-rowgroup-page-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-2-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-2.xht">moz-css21-rowgroup-page-break-inside-avoid-2</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-3-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-3.xht">moz-css21-rowgroup-page-break-inside-avoid-3</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-4-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-4.xht">moz-css21-rowgroup-page-break-inside-avoid-4</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-5-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-5.xht">moz-css21-rowgroup-page-break-inside-avoid-5</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-6-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-6.xht">moz-css21-rowgroup-page-break-inside-avoid-6</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-7-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-7.xht">moz-css21-rowgroup-page-break-inside-avoid-7</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-rowgroup-page-break-inside-avoid-8-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-8.xht">moz-css21-rowgroup-page-break-inside-avoid-8</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-1.xht">moz-css21-table-page-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-2-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-2.xht">moz-css21-table-page-break-inside-avoid-2</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-3-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-3.xht">moz-css21-table-page-break-inside-avoid-3</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-4-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-4.xht">moz-css21-table-page-break-inside-avoid-4</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-5-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-5.xht">moz-css21-table-page-break-inside-avoid-5</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-6-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-6.xht">moz-css21-table-page-break-inside-avoid-6</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-7-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-7.xht">moz-css21-table-page-break-inside-avoid-7</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-css21-table-page-break-inside-avoid-8-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-css21-table-page-break-inside-avoid-8.xht">moz-css21-table-page-break-inside-avoid-8</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>CSS 2.1 page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
<tr id="moz-multicol3-column-balancing-break-inside-avoid-1-13.3.1.#propdef-page-break-inside" class="primary paged">
|
|
<td><strong>
|
|
<a href="moz-multicol3-column-balancing-break-inside-avoid-1.xht">moz-multicol3-column-balancing-break-inside-avoid-1</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Balancing Overflow, page-break-inside:avoid
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s13.3.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3.2">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#break-inside">13.3.2 Breaks inside elements: 'orphans', 'widows'</a></th></tr>
|
|
<!-- 10 tests -->
|
|
<tr id="orphans-001-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="orphans-001.xht">orphans-001</a></strong></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-002-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="orphans-002.xht">orphans-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>breaks inside elements: orphans - block-level only
|
|
<ul class="assert">
|
|
<li>The 'orphans' property is only applied to block-level elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orphans-003-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="orphans-003.xht">orphans-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>breaks inside elements: orphans - inheritance
|
|
<ul class="assert">
|
|
<li>The 'orphans' property is inherited.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="orphans-004a-13.3.2" class="primary invalid paged">
|
|
<td><strong>
|
|
<a href="orphans-004a.xht">orphans-004a</a></strong></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-13.3.2" class="primary invalid paged">
|
|
<td><strong>
|
|
<a href="orphans-004b.xht">orphans-004b</a></strong></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-001-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="widows-001.xht">widows-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>breaks inside elements: widows - initial value
|
|
<ul class="assert">
|
|
<li>The initial value of the 'widows' property is 2.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="widows-002-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="widows-002.xht">widows-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>breaks inside elements: orphans - block-level only
|
|
<ul class="assert">
|
|
<li>The 'widows' property is only applied to block-level elements.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="widows-003-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="widows-003.xht">widows-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>breaks inside elements: widows - inheritance
|
|
<ul class="assert">
|
|
<li>The 'widows' property is inherited.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="widows-004a-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="widows-004a.xht">widows-004a</a></strong></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-13.3.2" class="primary paged">
|
|
<td><strong>
|
|
<a href="widows-004b.xht">widows-004b</a></strong></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="s13.3.2.#propdef-orphans">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.3.2.#propdef-widows">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.3.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3.3">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#allowed-page-breaks">13.3.3 Allowed page breaks</a></th></tr>
|
|
<!-- 2 tests -->
|
|
<tr id="page-breaks-100-13.3.3" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-breaks-100.xht">page-breaks-100</a></strong></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-13.3.3" class="primary paged">
|
|
<td><strong>
|
|
<a href="page-breaks-101.xht">page-breaks-101</a></strong></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="s13.3.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3.4">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#forced">13.3.4 Forced page breaks</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.3.5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3.5">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#best-page-breaks">13.3.5 "Best" page breaks</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.4">+</a>
|
|
<a href="http://www.w3.org/TR/CSS21/page.html#page-cascade">13.4 Cascading in the page context</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |