<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<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 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="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://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.htm">regions-multicol-004</a></td>
<td><a href="reference/regions-multicol-003-ref.htm">=</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.htm">regions-multicol-006</a></td>
<td><a href="reference/regions-multicol-006-ref.htm">=</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.htm">regions-multicol-008</a></td>
<td><a href="reference/regions-multicol-008-ref.htm">=</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.htm">regions-multicol-009</a></td>
<td><a href="reference/regions-multicol-009-ref.htm">=</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.htm">regions-multicol-011</a></td>
<td><a href="reference/regions-multicol-009-ref.htm">=</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="primary ahem">
<td><strong>
<a href="regions-multicol-022.htm">regions-multicol-022</a></strong></td>
<td><a href="reference/regions-multicol-003-ref.htm">=</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="primary">
<td><strong>
<a href="regions-multicol-023.htm">regions-multicol-023</a></strong></td>
<td><a href="reference/regions-multicol-003-ref.htm">=</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="primary ahem">
<td><strong>
<a href="regions-multicol-024.htm">regions-multicol-024</a></strong></td>
<td><a href="reference/regions-multicol-024-ref.htm">=</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="primary">
<td><strong>
<a href="regions-multicol-025.htm">regions-multicol-025</a></strong></td>
<td><a href="reference/regions-multicol-024-ref.htm">=</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="primary ahem">
<td><strong>
<a href="regions-multicol-026.htm">regions-multicol-026</a></strong></td>
<td><a href="reference/regions-multicol-024-ref.htm">=</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="primary">
<td><strong>
<a href="regions-multicol-027.htm">regions-multicol-027</a></strong></td>
<td><a href="reference/regions-multicol-024-ref.htm">=</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="primary ahem">
<td><strong>
<a href="regions-multicol-028.htm">regions-multicol-028</a></strong></td>
<td><a href="reference/regions-multicol-028-ref.htm">=</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="primary">
<td><strong>
<a href="regions-multicol-029.htm">regions-multicol-029</a></strong></td>
<td><a href="reference/regions-multicol-028-ref.htm">=</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>