mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
133 lines
No EOL
5.3 KiB
HTML
133 lines
No EOL
5.3 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Filling columns - CSS Multi-column Layout 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 Multi-column Layout Module Level 1 CR Test Suite</h1>
|
|
<h2>Filling columns (8 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="s7">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7">+</a>
|
|
<a href="https://www.w3.org/TR/css3-multicol/#filling-columns">7 Filling columns</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="multicol-fill-auto-7" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-auto.htm">multicol-fill-auto</a></td>
|
|
<td><a href="reference/multicol-fill-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>multicolumn | column-fill-auto
|
|
<ul class="assert">
|
|
<li>This test checks that columns are properly balanced when 'column-fill: auto' is set</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="multicol-fill-auto-002-7" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-auto-002.htm">multicol-fill-auto-002</a></td>
|
|
<td><a href="reference/multicol-fill-auto-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>multicolumn | column-fill-auto
|
|
<ul class="assert">
|
|
<li>This test checks that columns are not balanced when 'column-fill: auto' is set</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="multicol-fill-auto-block-children-001-7" class="">
|
|
<td>
|
|
<a href="multicol-fill-auto-block-children-001.htm">multicol-fill-auto-block-children-001</a></td>
|
|
<td><a href="reference/multicol-fill-auto-block-children-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>multicol | column-span: all | column-fill: auto
|
|
</td>
|
|
</tr>
|
|
<tr id="multicol-fill-balance-001-7" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-balance-001.htm">multicol-fill-balance-001</a></td>
|
|
<td><a href="reference/multicol-fill-balance-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>multicolumn | column-fill
|
|
<ul class="assert">
|
|
<li>This test checks that columns are properly balanced when 'column-fill: balance' is set</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s7.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-multicol/#cf">7.1 ‘column-fill’</a></th></tr>
|
|
<!-- 4 tests -->
|
|
<tr id="multicol-fill-000-7.1" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-000.htm">multicol-fill-000</a></td>
|
|
<td><a href="reference/multicol-fill-000-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>column-fill: balance (basic)
|
|
<ul class="assert">
|
|
<li>This test checks that content is balanced into all columns thanks to 'column-fill: balance'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="multicol-fill-001-7.1" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-001.htm">multicol-fill-001</a></td>
|
|
<td><a href="reference/multicol-fill-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>column-fill: balance with set height (basic)
|
|
<ul class="assert">
|
|
<li>This test checks that content is balanced into all columns of a multi-column element with a set height thanks to 'column-fill: balance'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="multicol-fill-auto-001-7.1" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-auto-001.htm">multicol-fill-auto-001</a></td>
|
|
<td><a href="reference/multicol-fill-auto-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'column-fill: auto' (basic)
|
|
<ul class="assert">
|
|
<li>This test checks that 'column-fill: auto' fills the column boxes of a multi-colum element sequentially with inline content and does not bother about balancing content of column boxes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="multicol-fill-auto-003-7.1" class="ahem">
|
|
<td>
|
|
<a href="multicol-fill-auto-003.htm">multicol-fill-auto-003</a></td>
|
|
<td><a href="reference/multicol-fill-auto-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'column-fill: auto' (basic)
|
|
<ul class="assert">
|
|
<li>This test checks if inline content fills column boxes sequentially when 'column-fill' is set to 'auto'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1.#column-fill">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |