<!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 &#8216;column-fill&#8217;</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>