mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
194 lines
No EOL
7.5 KiB
HTML
194 lines
No EOL
7.5 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>Page Size - CSS Paged Media Module Level 3 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Paged Media Module Level 3 CR Test Suite</h1>
|
|
<h2>Page Size (11 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="s8">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s8">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#page-size">8 Page Size</a></th></tr>
|
|
<!-- 3 tests -->
|
|
<tr id="page-size-000-8" class="paged">
|
|
<td>
|
|
<a href="page-size-000.xht">page-size-000</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Size - landscape
|
|
<ul class="assert">
|
|
<li>The 'landscape' value of the 'size' property specifies that the page's content be printed in landscape orientation: the longer sides of the page box are horizontal.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-001-8" class="paged">
|
|
<td>
|
|
<a href="page-size-001.xht">page-size-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>Page Size - portrait
|
|
<ul class="assert">
|
|
<li>The 'portrait' value of the 'size' property specifies that the page's content be printed in portrait orientation: the shorter sides of the page box are horizontal.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-010-8" class="paged">
|
|
<td>
|
|
<a href="page-size-010.xht">page-size-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size smaller than paper
|
|
<ul class="assert">
|
|
<li>The computed value of the 'size' property is its specified value.</li>
|
|
<li>If the page box is smaller than the page size the user agent SHOULD either center the page box on the sheet or position the page box in the upper left corner of the page sheet.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s8.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s8.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#page-size-prop">8.1 Page size: the ‘size’ property</a></th></tr>
|
|
<!-- 8 tests -->
|
|
<tr id="page-size-002-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-002.xht">page-size-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size A5
|
|
<ul class="assert">
|
|
<li>The 'A5' value of the 'size' property specifies that the page box's width be 148mm and its height 210mm.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-003-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-003.xht">page-size-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size A4
|
|
<ul class="assert">
|
|
<li>The 'A4' value of the 'size' property specifies that the page box's width be 210m and its height 297mm.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-004-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-004.xht">page-size-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size A3
|
|
<ul class="assert">
|
|
<li>The 'A3' value of the 'size' property specifies that the page box's width be 297mm and its height 420mm.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-005-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-005.xht">page-size-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size B5
|
|
<ul class="assert">
|
|
<li>The 'B5' value of the 'size' property specifies that the page box's width be 176mm and its height 250mm.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-006-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-006.xht">page-size-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size B4
|
|
<ul class="assert">
|
|
<li>The 'B4' value of the 'size' property specifies that the page box's width be 250mm and its height 353mm.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-007-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-007.xht">page-size-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size Letter
|
|
<ul class="assert">
|
|
<li>The 'letter' value of the 'size' property specifies that the page box's width be 8.5in and its height 11in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-008-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-008.xht">page-size-008</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size Legal
|
|
<ul class="assert">
|
|
<li>The 'legal' value of the 'size' property specifies that the page box's width be 8.5in and its height 14in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-size-009-8.1" class="paged">
|
|
<td>
|
|
<a href="page-size-009.xht">page-size-009</a></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>@page size Ledger
|
|
<ul class="assert">
|
|
<li>The 'ledger' value of the 'size' property specifies that the page box's width be 11in and its height 17in.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s8.1.#size">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s8.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s8.1.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#some-examples">8.1.1 Some examples:</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s8.1.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s8.1.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#page-size-media-query">8.1.2 Media Queries</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s8.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s8.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#renderingpages">8.2 Rendering page boxes that do not fit a page sheet</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s8.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s8.3">+</a>
|
|
<a href="https://www.w3.org/TR/css3-page/#positioning-page-box">8.3 Positioning the page box on the sheet</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |