mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
1530 lines
74 KiB
HTML
1530 lines
74 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<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 (135 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="s13">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13">+</a>
|
|
<a href="https://www.w3.org/TR/CSS21/page.html#the-page">13 Paged media</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.#annoying-warning">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s13.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.1">+</a>
|
|
<a href="https://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="paged">
|
|
<td>
|
|
<a href="abspos-paged-001.htm">abspos-paged-001</a></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="paged">
|
|
<td>
|
|
<a href="abspos-paged-002.htm">abspos-paged-002</a></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="https://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="invalid paged">
|
|
<td>
|
|
<a href="at-page-rule-001.htm">at-page-rule-001</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>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="paged">
|
|
<td>
|
|
<a href="page-container-000.htm">page-container-000</a></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="paged">
|
|
<td>
|
|
<a href="page-container-001.htm">page-container-001</a></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="paged">
|
|
<td>
|
|
<a href="page-container-002.htm">page-container-002</a></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="paged">
|
|
<td>
|
|
<a href="page-container-003.htm">page-container-003</a></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="may paged">
|
|
<td>
|
|
<a href="page-container-004.htm">page-container-004</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>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="image paged">
|
|
<td>
|
|
<a href="page-container-005.htm">page-container-005</a></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="paged">
|
|
<td>
|
|
<a href="page-container-006.htm">page-container-006</a></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="paged">
|
|
<td>
|
|
<a href="page-container-010.htm">page-container-010</a></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="paged">
|
|
<td>
|
|
<a href="page-grammar-001.htm">page-grammar-001</a></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="paged">
|
|
<td>
|
|
<a href="page-grammar-002.htm">page-grammar-002</a></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="paged">
|
|
<td>
|
|
<a href="page-selectors-001.htm">page-selectors-001</a></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="https://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="paged">
|
|
<td>
|
|
<a href="at-page-rule-002-a.htm">at-page-rule-002-a</a></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="paged">
|
|
<td>
|
|
<a href="at-page-rule-002-b.htm">at-page-rule-002-b</a></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="paged">
|
|
<td>
|
|
<a href="at-page-rule-002-c.htm">at-page-rule-002-c</a></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="paged">
|
|
<td>
|
|
<a href="page-margin-000.htm">page-margin-000</a></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="paged">
|
|
<td>
|
|
<a href="page-margin-001.htm">page-margin-001</a></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="paged">
|
|
<td>
|
|
<a href="page-margin-002.htm">page-margin-002</a></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="paged">
|
|
<td>
|
|
<a href="page-props-100-a.htm">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.1" class="paged">
|
|
<td>
|
|
<a href="page-props-100-b.htm">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>
|
|
</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="https://www.w3.org/TR/CSS21/page.html#page-selectors">13.2.2 Page selectors: selecting left, right, and first pages</a></th></tr>
|
|
<!-- 15 tests -->
|
|
<tr id="first-page-selectors-001-13.2.2" class="paged">
|
|
<td>
|
|
<a href="first-page-selectors-001.htm">first-page-selectors-001</a></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="paged">
|
|
<td>
|
|
<a href="first-page-selectors-002.htm">first-page-selectors-002</a></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="may paged">
|
|
<td>
|
|
<a href="first-page-selectors-003.htm">first-page-selectors-003</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>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="may paged">
|
|
<td>
|
|
<a href="first-page-selectors-004.htm">first-page-selectors-004</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>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="first-page-vlr-003-13.2.2" class="paged">
|
|
<td>
|
|
<a href="first-page-vlr-003.htm">first-page-vlr-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>first page of a document with vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="first-page-vrl-002-13.2.2" class="image paged">
|
|
<td>
|
|
<a href="first-page-vrl-002.htm">first-page-vrl-002</a></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>first page of a document with vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-rl' is the :left page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-props-100-a-13.2.2" class="paged">
|
|
<td>
|
|
<a href="page-props-100-a.htm">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.htm">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="paged">
|
|
<td>
|
|
<a href="page-props-101.htm">page-props-101</a></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="paged">
|
|
<td>
|
|
<a href="page-props-102.htm">page-props-102</a></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="paged">
|
|
<td>
|
|
<a href="page-props-103.htm">page-props-103</a></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="paged">
|
|
<td>
|
|
<a href="page-selectors-002.htm">page-selectors-002</a></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="paged">
|
|
<td>
|
|
<a href="page-selectors-003.htm">page-selectors-003</a></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="paged">
|
|
<td>
|
|
<a href="page-selectors-004.htm">page-selectors-004</a></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="paged">
|
|
<td>
|
|
<a href="page-selectors-006.htm">page-selectors-006</a></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="https://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="paged should">
|
|
<td>
|
|
<a href="page-box-000.htm">page-box-000</a></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="https://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="https://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="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-13.3.1" 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-13.3.1" 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="allowed-page-breaks-002-13.3.1" class="paged">
|
|
<td>
|
|
<a href="allowed-page-breaks-002.htm">allowed-page-breaks-002</a></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="paged">
|
|
<td>
|
|
<a href="allowed-page-breaks-003.htm">allowed-page-breaks-003</a></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="paged">
|
|
<td>
|
|
<a href="allowed-page-breaks-004.htm">allowed-page-breaks-004</a></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="paged">
|
|
<td>
|
|
<a href="forced-page-breaks-000.htm">forced-page-breaks-000</a></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="paged">
|
|
<td>
|
|
<a href="forced-page-breaks-001.htm">forced-page-breaks-001</a></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="paged">
|
|
<td>
|
|
<a href="forced-page-breaks-002.htm">forced-page-breaks-002</a></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="paged">
|
|
<td>
|
|
<a href="page-break-after-000.htm">page-break-after-000</a></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="paged">
|
|
<td>
|
|
<a href="page-break-after-001.htm">page-break-after-001</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 '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="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-003-13.3.1" class="paged">
|
|
<td>
|
|
<a href="page-break-after-003.htm">page-break-after-003</a></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="invalid paged">
|
|
<td>
|
|
<a href="page-break-after-004.htm">page-break-after-004</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-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="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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-001-13.3.1" class="paged">
|
|
<td>
|
|
<a href="page-break-before-001.htm">page-break-before-001</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-002-13.3.1" class="paged">
|
|
<td>
|
|
<a href="page-break-before-002.htm">page-break-before-002</a></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="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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-13.3.1" 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-000-13.3.1" class="paged">
|
|
<td>
|
|
<a href="page-break-inside-000.htm">page-break-inside-000</a></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="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-002-13.3.1" class="paged">
|
|
<td>
|
|
<a href="page-break-inside-002.htm">page-break-inside-002</a></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="invalid paged">
|
|
<td>
|
|
<a href="page-break-inside-003.htm">page-break-inside-003</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 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="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>
|
|
<tr id="page-break-inside-006-13.3.1" class="paged">
|
|
<td>
|
|
<a href="page-break-inside-006.htm">page-break-inside-006</a></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="paged">
|
|
<td>
|
|
<a href="page-break-margins-002.htm">page-break-margins-002</a></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="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-13.3.1" 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>
|
|
</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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-1.htm">moz-css21-block-page-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-10.htm">moz-css21-block-page-break-inside-avoid-10</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-11.htm">moz-css21-block-page-break-inside-avoid-11</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-12.htm">moz-css21-block-page-break-inside-avoid-12</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-13.htm">moz-css21-block-page-break-inside-avoid-13</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-8-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-14.htm">moz-css21-block-page-break-inside-avoid-14</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-14-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-15.htm">moz-css21-block-page-break-inside-avoid-15</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-15-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-2.htm">moz-css21-block-page-break-inside-avoid-2</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-3.htm">moz-css21-block-page-break-inside-avoid-3</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-4.htm">moz-css21-block-page-break-inside-avoid-4</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-5.htm">moz-css21-block-page-break-inside-avoid-5</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-6.htm">moz-css21-block-page-break-inside-avoid-6</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-7.htm">moz-css21-block-page-break-inside-avoid-7</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-8.htm">moz-css21-block-page-break-inside-avoid-8</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-8-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-block-page-break-inside-avoid-9.htm">moz-css21-block-page-break-inside-avoid-9</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-1.htm">moz-css21-float-page-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-2.htm">moz-css21-float-page-break-inside-avoid-2</a></td>
|
|
<td><a href="reference/moz-css21-float-page-break-inside-avoid-2-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-3.htm">moz-css21-float-page-break-inside-avoid-3</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-4.htm">moz-css21-float-page-break-inside-avoid-4</a></td>
|
|
<td><a href="reference/moz-css21-block-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-5.htm">moz-css21-float-page-break-inside-avoid-5</a></td>
|
|
<td><a href="reference/moz-css21-float-page-break-inside-avoid-5-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-6.htm">moz-css21-float-page-break-inside-avoid-6</a></td>
|
|
<td><a href="reference/moz-css21-float-page-break-inside-avoid-6-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-7.htm">moz-css21-float-page-break-inside-avoid-7</a></td>
|
|
<td><a href="reference/moz-css21-float-page-break-inside-avoid-7-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-8.htm">moz-css21-float-page-break-inside-avoid-8</a></td>
|
|
<td><a href="reference/moz-css21-float-page-break-inside-avoid-8-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-float-page-break-inside-avoid-9.htm">moz-css21-float-page-break-inside-avoid-9</a></td>
|
|
<td><a href="reference/moz-css21-float-page-break-inside-avoid-9-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-inline-page-break-inside-avoid-1.htm">moz-css21-inline-page-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-css21-inline-page-break-inside-avoid-1-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-row-page-break-inside-avoid-1.htm">moz-css21-row-page-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-5-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-row-page-break-inside-avoid-2.htm">moz-css21-row-page-break-inside-avoid-2</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-5-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-1.htm">moz-css21-rowgroup-page-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-2.htm">moz-css21-rowgroup-page-break-inside-avoid-2</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-3.htm">moz-css21-rowgroup-page-break-inside-avoid-3</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-4.htm">moz-css21-rowgroup-page-break-inside-avoid-4</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-4-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-5.htm">moz-css21-rowgroup-page-break-inside-avoid-5</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-5-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-6.htm">moz-css21-rowgroup-page-break-inside-avoid-6</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-5-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-7.htm">moz-css21-rowgroup-page-break-inside-avoid-7</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-7-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-rowgroup-page-break-inside-avoid-8.htm">moz-css21-rowgroup-page-break-inside-avoid-8</a></td>
|
|
<td><a href="reference/moz-css21-rowgroup-page-break-inside-avoid-8-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-1.htm">moz-css21-table-page-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-2.htm">moz-css21-table-page-break-inside-avoid-2</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-2-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-3.htm">moz-css21-table-page-break-inside-avoid-3</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-3-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-4.htm">moz-css21-table-page-break-inside-avoid-4</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-4-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-5.htm">moz-css21-table-page-break-inside-avoid-5</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-5-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-6.htm">moz-css21-table-page-break-inside-avoid-6</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-6-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-7.htm">moz-css21-table-page-break-inside-avoid-7</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-7-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-css21-table-page-break-inside-avoid-8.htm">moz-css21-table-page-break-inside-avoid-8</a></td>
|
|
<td><a href="reference/moz-css21-table-page-break-inside-avoid-6-ref.htm">=</a> </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="paged">
|
|
<td>
|
|
<a href="moz-multicol3-column-balancing-break-inside-avoid-1.htm">moz-multicol3-column-balancing-break-inside-avoid-1</a></td>
|
|
<td><a href="reference/moz-multicol3-column-balancing-break-inside-avoid-1-ref.htm">=</a> </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="https://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="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-002-13.3.2" class="paged">
|
|
<td>
|
|
<a href="orphans-002.htm">orphans-002</a></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="paged">
|
|
<td>
|
|
<a href="orphans-003.htm">orphans-003</a></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="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-13.3.2" 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-001-13.3.2" class="paged">
|
|
<td>
|
|
<a href="widows-001.htm">widows-001</a></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="paged">
|
|
<td>
|
|
<a href="widows-002.htm">widows-002</a></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="paged">
|
|
<td>
|
|
<a href="widows-003.htm">widows-003</a></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="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-13.3.2" 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="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="https://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="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-13.3.3" 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="s13.3.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s13.3.4">+</a>
|
|
<a href="https://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="https://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="https://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> |