<!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="http://www.w3.org/TR/css3-multicol/#filling-columns">7 Filling columns</a></th></tr> <!-- 4 tests --> <tr id="multicol-fill-auto-7" class="primary ahem"> <td><strong> <a href="multicol-fill-auto.htm">multicol-fill-auto</a></strong></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="primary ahem"> <td><strong> <a href="multicol-fill-auto-002.htm">multicol-fill-auto-002</a></strong></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="primary"> <td><strong> <a href="multicol-fill-auto-block-children-001.htm">multicol-fill-auto-block-children-001</a></strong></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="primary ahem"> <td><strong> <a href="multicol-fill-balance-001.htm">multicol-fill-balance-001</a></strong></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="http://www.w3.org/TR/css3-multicol/#cf">7.1 ‘column-fill’</a></th></tr> <!-- 4 tests --> <tr id="multicol-fill-000-7.1" class="primary ahem"> <td><strong> <a href="multicol-fill-000.htm">multicol-fill-000</a></strong></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="primary ahem"> <td><strong> <a href="multicol-fill-001.htm">multicol-fill-001</a></strong></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="primary ahem"> <td><strong> <a href="multicol-fill-auto-001.htm">multicol-fill-auto-001</a></strong></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="primary ahem"> <td><strong> <a href="multicol-fill-auto-003.htm">multicol-fill-auto-003</a></strong></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>