mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
182 lines
No EOL
9.5 KiB
HTML
182 lines
No EOL
9.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>Multi-column regions - CSS Regions Module Level 1 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 Regions Module Level 1 CR Test Suite</h1>
|
|
<h2>Multi-column regions (13 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="s5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5">+</a>
|
|
<a href="https://www.w3.org/TR/css3-regions/#multi-column-regions">5 Multi-column regions</a></th></tr>
|
|
<!-- 13 tests -->
|
|
<tr id="regions-multicol-004-5" class="ahem">
|
|
<td>
|
|
<a href="regions-multicol-004.xht">regions-multicol-004</a></td>
|
|
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>One named flow, text content flowing into one multi-column region
|
|
<ul class="assert">
|
|
<li>This test checks that text content in a named flow is laid out using columns when flowed in a multi-column region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-006-5" class="ahem">
|
|
<td>
|
|
<a href="regions-multicol-006.xht">regions-multicol-006</a></td>
|
|
<td><a href="reference/regions-multicol-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>One named flow, text content - fragmented between multicol region and non-multicol region
|
|
<ul class="assert">
|
|
<li>This test checks that the named flow text content flows through the multi-column region in the region chain then through the second non-multicol region in the chain.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-008-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-008.xht">regions-multicol-008</a></td>
|
|
<td><a href="reference/regions-multicol-008-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow, non-text fragmentable content flowing into multi-column region then into non-multicol region
|
|
<ul class="assert">
|
|
<li>This test checks that non-text named flow contentmulti-column is fragmented first through the columns in a region multi-column container, then through a second non-multi-column region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-009-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-009.xht">regions-multicol-009</a></td>
|
|
<td><a href="reference/regions-multicol-009-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow, text content flowing into a simple region then into a multi-column region
|
|
<ul class="assert">
|
|
<li>This test checks that text named flow content is fragmented first through a simple region, then through a multi-column region</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-011-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-011.xht">regions-multicol-011</a></td>
|
|
<td><a href="reference/regions-multicol-009-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow, non-text fragmentable content flowing into non-mulicol region then into a multi-column region
|
|
<ul class="assert">
|
|
<li>This test checks that non-text fragmentable named flow content is fragmented through a simple region, then through a multi-column region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-022-5" class="ahem">
|
|
<td>
|
|
<a href="regions-multicol-022.xht">regions-multicol-022</a></td>
|
|
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>One named flow multi-column container, text content flowing into one autosized region with overflowing column
|
|
<ul class="assert">
|
|
<li>This test checks that text content flows through an autosized region from a multi-column named flow and that it overflows visibly into a third column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-023-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-023.xht">regions-multicol-023</a></td>
|
|
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow multi-column container, monolithic content flowing into an autosized region, overflowing column
|
|
<ul class="assert">
|
|
<li>This test checks that text content flows through an autosized region from the multi-column named flow and that it overflows visibly into a third column.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-024-5" class="ahem">
|
|
<td>
|
|
<a href="regions-multicol-024.xht">regions-multicol-024</a></td>
|
|
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>One named flow multi-column container with text content flowing into region of smaller width/height than the second region
|
|
<ul class="assert">
|
|
<li>This test checks that text content flows through a region with a smaller width + height than the multi-column named flow and than the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-025-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-025.xht">regions-multicol-025</a></td>
|
|
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow multi-column container with monolithic content flowing into region of smaller width/height than the second region
|
|
<ul class="assert">
|
|
<li>This test checks that text content flows through a region with a smaller width + height than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-026-5" class="ahem">
|
|
<td>
|
|
<a href="regions-multicol-026.xht">regions-multicol-026</a></td>
|
|
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>One named flow multi-column container with text content flowing into region of smaller height than the second region
|
|
<ul class="assert">
|
|
<li>This test checks that text content flows through a region with a height smaller than the second region and that it overflows the first region as a multi-column container before flowing into the second region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-027-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-027.xht">regions-multicol-027</a></td>
|
|
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow multi-column container with monolithic content + flowing into region of smaller height than the second region
|
|
<ul class="assert">
|
|
<li>This test checks that monolithic content flows through a region with a height smaller than the second region and that it overflows the first region as a multi-column container before flowing into the second region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-028-5" class="ahem">
|
|
<td>
|
|
<a href="regions-multicol-028.xht">regions-multicol-028</a></td>
|
|
<td><a href="reference/regions-multicol-028-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>One named flow multi-column container with text content flowing into first region of smaller width than the second region
|
|
<ul class="assert">
|
|
<li>This test checks that text content flows through a region with a smaller width than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="regions-multicol-029-5" class="">
|
|
<td>
|
|
<a href="regions-multicol-029.xht">regions-multicol-029</a></td>
|
|
<td><a href="reference/regions-multicol-028-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>One named flow multi-column container with monolithic content flowing into first region of smaller width than the second region
|
|
<ul class="assert">
|
|
<li>This test checks that monolithic content flows through a region with a smaller width than the multi-column named flow and the second region and that it overflows the first region visibly as a multi-column container before flowing into the second region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |