servo/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/reftest-toc.xht

1342 lines
68 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>CSS Multi-column Layout Module Level 1 CR Test Suite Reftest Index</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 Reftest Index</h1>
<table width="100%">
<col id="test-column"></col>
<col id="ref-column"></col>
<col id="flags-column"></col>
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="grid-inline-multicol-001" class="">
<tr>
<td rowspan="1" title="'column-*' properties from inline grid container does not apply to grid items">
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-multicol-001" class="">
<tr>
<td rowspan="1" title="'column-*' properties from grid container does not apply to grid items">
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-basic-001" class="ahem">
<tr>
<td rowspan="1" title="Multi-column element via columns: [integer]">
<a href="multicol-basic-001.xht">multicol-basic-001</a></td>
<td><a href="reference/multicol-basic-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-basic-002" class="ahem">
<tr>
<td rowspan="1" title="Multi-column element via column-count: [integer]">
<a href="multicol-basic-002.xht">multicol-basic-002</a></td>
<td><a href="reference/multicol-basic-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-basic-003" class="ahem">
<tr>
<td rowspan="1" title="Multi-column element via columns: [width]">
<a href="multicol-basic-003.xht">multicol-basic-003</a></td>
<td><a href="reference/multicol-basic-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-basic-004" class="ahem">
<tr>
<td rowspan="1" title="Multi-column element via column-width: [width]">
<a href="multicol-basic-004.xht">multicol-basic-004</a></td>
<td><a href="reference/multicol-basic-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-block-clip-001" class="ahem">
<tr>
<td rowspan="1" title="Overflowed content inside multicol element">
<a href="multicol-block-clip-001.xht">multicol-block-clip-001</a></td>
<td><a href="reference/multicol-block-clip-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-block-clip-002" class="ahem">
<tr>
<td rowspan="1" title="Overflowed content inside and outside multicol element">
<a href="multicol-block-clip-002.xht">multicol-block-clip-002</a></td>
<td><a href="reference/multicol-block-clip-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-br-inside-avoidcolumn-001" class="">
<tr>
<td rowspan="1" title="multicol | break-inside: avoid-column">
<a href="multicol-br-inside-avoidcolumn-001.xht">multicol-br-inside-avoidcolumn-001</a></td>
<td><a href="reference/multicol-br-inside-avoidcolumn-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-break-000" class="ahem image">
<tr>
<td rowspan="1" title="break-after: column (basic)">
<a href="multicol-break-000.xht">multicol-break-000</a></td>
<td><a href="reference/multicol-break-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="multicol-break-001" class="ahem image">
<tr>
<td rowspan="1" title="break-before: column (basic)">
<a href="multicol-break-001.xht">multicol-break-001</a></td>
<td><a href="reference/multicol-break-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="multicol-clip-001" class="ahem">
<tr>
<td rowspan="1" title="overflowed content inside and outside multicol element">
<a href="multicol-clip-001.xht">multicol-clip-001</a></td>
<td><a href="reference/multicol-clip-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-clip-002" class="ahem">
<tr>
<td rowspan="1" title="overflowed content inside and outside multicol element">
<a href="multicol-clip-002.xht">multicol-clip-002</a></td>
<td><a href="reference/multicol-clip-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-collapsing-001" class="ahem">
<tr>
<td rowspan="1" title="no margin collapsing with its first child block box">
<a href="multicol-collapsing-001.xht">multicol-collapsing-001</a></td>
<td><a href="reference/multicol-collapsing-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-001" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-001.xht">multicol-columns-001</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-002" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-002.xht">multicol-columns-002</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-003" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-003.xht">multicol-columns-003</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-004" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-004.xht">multicol-columns-004</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-005" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-005.xht">multicol-columns-005</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-006" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-006.xht">multicol-columns-006</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-007" class="ahem">
<tr>
<td rowspan="1" title="columns shorthand (basic)">
<a href="multicol-columns-007.xht">multicol-columns-007</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-invalid-001" class="ahem invalid">
<tr>
<td rowspan="1" title="invalid columns shorthand">
<a href="multicol-columns-invalid-001.xht">multicol-columns-invalid-001</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-invalid-002" class="ahem invalid">
<tr>
<td rowspan="1" title="invalid columns shorthand">
<a href="multicol-columns-invalid-002.xht">multicol-columns-invalid-002</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-columns-toolong-001" class="ahem">
<tr>
<td rowspan="1" title="narrower inline content inside wider colum box">
<a href="multicol-columns-toolong-001.xht">multicol-columns-toolong-001</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-containing-001" class="ahem">
<tr>
<td rowspan="1" title="a column box can not act as containing block for elements with 'position: absolute'">
<a href="multicol-containing-001.xht">multicol-containing-001</a></td>
<td><a href="reference/multicol-containing-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-containing-002" class="ahem">
<tr>
<td rowspan="1" title="a multi-column can act as containing block for elements with 'position: absolute'">
<a href="multicol-containing-002.xht">multicol-containing-002</a></td>
<td><a href="reference/multicol-containing-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-001" class="ahem">
<tr>
<td rowspan="1" title="column-count (basic)">
<a href="multicol-count-001.xht">multicol-count-001</a></td>
<td><a href="reference/multicol-columns-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-002" class="ahem">
<tr>
<td rowspan="1" title="column-count (basic)">
<a href="multicol-count-002.xht">multicol-count-002</a></td>
<td><a href="reference/multicol-count-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-computed-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-rule">
<a href="multicol-count-computed-001.xht">multicol-count-computed-001</a></td>
<td><a href="reference/multicol-count-computed-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-computed-002" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-rule">
<a href="multicol-count-computed-002.xht">multicol-count-computed-002</a></td>
<td><a href="reference/multicol-count-computed-2-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-computed-003" class="ahem">
<tr>
<td rowspan="1" title="column-rule and overflow inside (complex test)">
<a href="multicol-count-computed-003.xht">multicol-count-computed-003</a></td>
<td><a href="reference/multicol-count-computed-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-computed-004" class="ahem">
<tr>
<td rowspan="1" title="both 'column-width' and 'column-count' are 'auto'">
<a href="multicol-count-computed-004.xht">multicol-count-computed-004</a></td>
<td><a href="reference/multicol-count-computed-004-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-computed-005" class="ahem">
<tr>
<td rowspan="1" title="column-rule and overflow inside (complex test)">
<a href="multicol-count-computed-005.xht">multicol-count-computed-005</a></td>
<td><a href="reference/multicol-count-computed-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-large-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-count">
<a href="multicol-count-large-001.xht">multicol-count-large-001</a></td>
<td><a href="reference/multicol-count-large-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-large-002" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-count">
<a href="multicol-count-large-002.xht">multicol-count-large-002</a></td>
<td><a href="reference/multicol-count-large-2-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-negative-001" class="ahem invalid">
<tr>
<td rowspan="1" title="negative 'column-count' value">
<a href="multicol-count-negative-001.xht">multicol-count-negative-001</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-negative-002" class="ahem invalid">
<tr>
<td rowspan="1" title="zero 'column-count' value">
<a href="multicol-count-negative-002.xht">multicol-count-negative-002</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-non-integer-001" class="ahem invalid">
<tr>
<td rowspan="1" title="non-integer 'column-count' value">
<a href="multicol-count-non-integer-001.xht">multicol-count-non-integer-001</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-non-integer-002" class="ahem invalid">
<tr>
<td rowspan="1" title="non-integer 'column-count' value">
<a href="multicol-count-non-integer-002.xht">multicol-count-non-integer-002</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-count-non-integer-003" class="ahem invalid">
<tr>
<td rowspan="1" title="non-integer 'column-count' value">
<a href="multicol-count-non-integer-003.xht">multicol-count-non-integer-003</a></td>
<td><a href="reference/multicol-columns-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-000" class="ahem">
<tr>
<td rowspan="1" title="column-fill: balance (basic)">
<a href="multicol-fill-000.xht">multicol-fill-000</a></td>
<td><a href="reference/multicol-fill-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-001" class="ahem">
<tr>
<td rowspan="1" title="column-fill: balance with set height (basic)">
<a href="multicol-fill-001.xht">multicol-fill-001</a></td>
<td><a href="reference/multicol-fill-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-auto" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-fill-auto">
<a href="multicol-fill-auto.xht">multicol-fill-auto</a></td>
<td><a href="reference/multicol-fill-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-auto-001" class="ahem">
<tr>
<td rowspan="1" title="'column-fill: auto' (basic)">
<a href="multicol-fill-auto-001.xht">multicol-fill-auto-001</a></td>
<td><a href="reference/multicol-fill-auto-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-auto-002" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-fill-auto">
<a href="multicol-fill-auto-002.xht">multicol-fill-auto-002</a></td>
<td><a href="reference/multicol-fill-auto-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-auto-003" class="ahem">
<tr>
<td rowspan="1" title="'column-fill: auto' (basic)">
<a href="multicol-fill-auto-003.xht">multicol-fill-auto-003</a></td>
<td><a href="reference/multicol-fill-auto-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-fill-auto-block-children-001" class="">
<tr>
<td rowspan="1" title="multicol | column-span: all | column-fill: auto">
<a href="multicol-fill-auto-block-children-001.xht">multicol-fill-auto-block-children-001</a></td>
<td><a href="reference/multicol-fill-auto-block-children-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-fill-auto-block-children-002" class="">
<tr>
<td rowspan="1" title="'column-fill: auto' and 'column-span: all' (complex)">
<a href="multicol-fill-auto-block-children-002.xht">multicol-fill-auto-block-children-002</a></td>
<td><a href="reference/multicol-fill-auto-block-children-002-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-fill-balance-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-fill">
<a href="multicol-fill-balance-001.xht">multicol-fill-balance-001</a></td>
<td><a href="reference/multicol-fill-balance-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-000" class="ahem">
<tr>
<td rowspan="1" title="column-gap (basic)">
<a href="multicol-gap-000.xht">multicol-gap-000</a></td>
<td><a href="reference/multicol-gap-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-001" class="ahem may">
<tr>
<td rowspan="1" title="'column-gap: normal'">
<a href="multicol-gap-001.xht">multicol-gap-001</a></td>
<td><a href="reference/multicol-gap-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-002" class="ahem">
<tr>
<td rowspan="1" title="column-gap (basic)">
<a href="multicol-gap-002.xht">multicol-gap-002</a></td>
<td><a href="reference/multicol-gap-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-003" class="ahem may">
<tr>
<td rowspan="1" title="'column-gap: normal'">
<a href="multicol-gap-003.xht">multicol-gap-003</a></td>
<td><a href="reference/multicol-gap-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-fraction-001" class="ahem">
<tr>
<td rowspan="1" title="'column-gap' with increasing values">
<a href="multicol-gap-fraction-001.xht">multicol-gap-fraction-001</a></td>
<td><a href="reference/multicol-gap-fraction-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-large-001" class="ahem">
<tr>
<td rowspan="1" title="'column-gap' with large value">
<a href="multicol-gap-large-001.xht">multicol-gap-large-001</a></td>
<td><a href="reference/multicol-gap-large-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-large-002" class="ahem">
<tr>
<td rowspan="1" title="'column-gap' with large value">
<a href="multicol-gap-large-002.xht">multicol-gap-large-002</a></td>
<td><a href="reference/multicol-gap-large-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-gap-negative-001" class="ahem invalid">
<tr>
<td rowspan="1" title="column-gap with negative value">
<a href="multicol-gap-negative-001.xht">multicol-gap-negative-001</a></td>
<td><a href="reference/multicol-gap-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-height-001" class="ahem">
<tr>
<td rowspan="1" title="column-count and height">
<a href="multicol-height-001.xht">multicol-height-001</a></td>
<td><a href="reference/multicol-height-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-height-002" class="">
<tr>
<td rowspan="1" title="Percentage Computed Height on Multicol Child (Definite Multicol Height)">
<a href="multicol-height-002.xht">multicol-height-002</a></td>
<td><a href="reference/multicol-height-002.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-height-block-child-001" class="ahem">
<tr>
<td rowspan="1" title="multi-column element with child block (complex)">
<a href="multicol-height-block-child-001.xht">multicol-height-block-child-001</a></td>
<td><a href="reference/multicol-height-block-child-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-inherit-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn and inheritance">
<a href="multicol-inherit-001.xht">multicol-inherit-001</a></td>
<td><a href="reference/multicol-inherit-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-inherit-002" class="ahem">
<tr>
<td rowspan="1" title="'column-count' and inherit">
<a href="multicol-inherit-002.xht">multicol-inherit-002</a></td>
<td><a href="reference/multicol-inherit-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-inherit-003" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | inheritance">
<a href="multicol-inherit-003.xht">multicol-inherit-003</a></td>
<td><a href="reference/multicol-inherit-3-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-inherit-004" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | inheritance">
<a href="multicol-inherit-004.xht">multicol-inherit-004</a></td>
<td><a href="reference/multicol-inherit-4-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-list-item-001" class="ahem">
<tr>
<td rowspan="1" title="multi-column and list-item">
<a href="multicol-list-item-001.xht">multicol-list-item-001</a></td>
<td><a href="reference/multicol-list-item-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-margin-001" class="ahem">
<tr>
<td rowspan="1" title="multi-column and margin collapsing of first child (basic)">
<a href="multicol-margin-001.xht">multicol-margin-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-margin-002" class="ahem">
<tr>
<td rowspan="1" title="multi-column and margin collapsing of first child (basic)">
<a href="multicol-margin-002.xht">multicol-margin-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-margin-child-001" class="ahem">
<tr>
<td rowspan="1" title="multi-column and margin collapsing of block children (basic)">
<a href="multicol-margin-child-001.xht">multicol-margin-child-001</a></td>
<td><a href="reference/multicol-margin-child-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-002" class="ahem">
<tr>
<td rowspan="1" title="multicolumn and margin-bottom collapsing">
<a href="multicol-nested-002.xht">multicol-nested-002</a></td>
<td><a href="reference/multicol-nested-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-005" class="ahem">
<tr>
<td rowspan="1" title="nested multi-columns and constrained dimensions">
<a href="multicol-nested-005.xht">multicol-nested-005</a></td>
<td><a href="reference/multicol-nested-005-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-column-rule-001" class="ahem">
<tr>
<td rowspan="1" title="nested multi-columns and column-rule position">
<a href="multicol-nested-column-rule-001.xht">multicol-nested-column-rule-001</a></td>
<td><a href="reference/multicol-nested-column-rule-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-margin-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn and nested margins">
<a href="multicol-nested-margin-001.xht">multicol-nested-margin-001</a></td>
<td><a href="reference/multicol-nested-margin-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-margin-002" class="ahem">
<tr>
<td rowspan="1" title="nested multicolumns and vertical margin (complex)">
<a href="multicol-nested-margin-002.xht">multicol-nested-margin-002</a></td>
<td><a href="reference/multicol-nested-margin-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-margin-003" class="ahem">
<tr>
<td rowspan="1" title="nested multicolumn and nested margin-top">
<a href="multicol-nested-margin-003.xht">multicol-nested-margin-003</a></td>
<td><a href="reference/multicol-nested-margin-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-margin-004" class="ahem">
<tr>
<td rowspan="1" title="nested multicolumn and nested margin-top">
<a href="multicol-nested-margin-004.xht">multicol-nested-margin-004</a></td>
<td><a href="reference/multicol-nested-margin-004-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-nested-margin-005" class="ahem">
<tr>
<td rowspan="1" title="nested multicolumn and nested margin-top">
<a href="multicol-nested-margin-005.xht">multicol-nested-margin-005</a></td>
<td><a href="reference/multicol-nested-margin-004-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-overflow-000" class="ahem">
<tr>
<td rowspan="1" title="multi-column with set height causing overflow outside (basic)">
<a href="multicol-overflow-000.xht">multicol-overflow-000</a></td>
<td><a href="reference/multicol-overflow-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-overflowing-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn and overflowing constrained dimensions">
<a href="multicol-overflowing-001.xht">multicol-overflowing-001</a></td>
<td><a href="reference/multicol-overflowing-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-reduce-000" class="ahem">
<tr>
<td rowspan="1" title="column width becomes wider to fill available space">
<a href="multicol-reduce-000.xht">multicol-reduce-000</a></td>
<td><a href="reference/multicol-reduce-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand (basic)">
<a href="multicol-rule-000.xht">multicol-rule-000</a></td>
<td><a href="reference/multicol-rule-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-001" class="ahem">
<tr>
<td rowspan="1" title="column-rule exceeding column-gap">
<a href="multicol-rule-001.xht">multicol-rule-001</a></td>
<td><a href="reference/multicol-rule-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-002" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-rule">
<a href="multicol-rule-002.xht">multicol-rule-002</a></td>
<td><a href="reference/multicol-rule-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-003" class="ahem">
<tr>
<td rowspan="1" title="column-rule (basic)">
<a href="multicol-rule-003.xht">multicol-rule-003</a></td>
<td><a href="reference/multicol-rule-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-004" class="ahem">
<tr>
<td rowspan="1" title="'column-fill: balance' and column-rule">
<a href="multicol-rule-004.xht">multicol-rule-004</a></td>
<td><a href="reference/multicol-rule-004-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-color-001" class="ahem">
<tr>
<td rowspan="1" title="column-rule-color (basic)">
<a href="multicol-rule-color-001.xht">multicol-rule-color-001</a></td>
<td><a href="reference/multicol-rule-color-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-color-inherit-001" class="ahem">
<tr>
<td rowspan="1" title="column-rule-color: inherit">
<a href="multicol-rule-color-inherit-001.xht">multicol-rule-color-inherit-001</a></td>
<td><a href="reference/multicol-rule-color-inherit-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-color-inherit-002" class="ahem">
<tr>
<td rowspan="1" title="column-rule-color: inherit (complex)">
<a href="multicol-rule-color-inherit-002.xht">multicol-rule-color-inherit-002</a></td>
<td><a href="reference/multicol-rule-color-inherit-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-dashed-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'dashed' border style">
<a href="multicol-rule-dashed-000.xht">multicol-rule-dashed-000</a></td>
<td><a href="reference/multicol-rule-dashed-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-dotted-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'dotted' border style">
<a href="multicol-rule-dotted-000.xht">multicol-rule-dotted-000</a></td>
<td><a href="reference/multicol-rule-dotted-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-double-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'double' border style">
<a href="multicol-rule-double-000.xht">multicol-rule-double-000</a></td>
<td><a href="reference/multicol-rule-double-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-fraction-001" class="ahem">
<tr>
<td rowspan="1" title="column-rule-width">
<a href="multicol-rule-fraction-001.xht">multicol-rule-fraction-001</a></td>
<td><a href="reference/multicol-rule-fraction-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-fraction-002" class="ahem">
<tr>
<td rowspan="1" title="wide column-rule-width painted above background-color">
<a href="multicol-rule-fraction-002.xht">multicol-rule-fraction-002</a></td>
<td><a href="reference/multicol-rule-fraction-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-fraction-003" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-rule">
<a href="multicol-rule-fraction-003.xht">multicol-rule-fraction-003</a></td>
<td><a href="reference/multicol-rule-fraction-3-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-groove-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'groove' border style">
<a href="multicol-rule-groove-000.xht">multicol-rule-groove-000</a></td>
<td><a href="reference/multicol-rule-groove-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-hidden-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'hidden' border style">
<a href="multicol-rule-hidden-000.xht">multicol-rule-hidden-000</a></td>
<td><a href="reference/multicol-rule-hidden-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-inset-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'inset' border style">
<a href="multicol-rule-inset-000.xht">multicol-rule-inset-000</a></td>
<td><a href="reference/multicol-rule-ridge-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-large-001" class="ahem">
<tr>
<td rowspan="1" title="excessively wide column-rule-width">
<a href="multicol-rule-large-001.xht">multicol-rule-large-001</a></td>
<td><a href="reference/multicol-rule-large-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-none-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'none' border style">
<a href="multicol-rule-none-000.xht">multicol-rule-none-000</a></td>
<td><a href="reference/multicol-rule-hidden-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-outset-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'outset' border style">
<a href="multicol-rule-outset-000.xht">multicol-rule-outset-000</a></td>
<td><a href="reference/multicol-rule-groove-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-percent-001" class="ahem invalid">
<tr>
<td rowspan="1" title="column-rule-width and percentage unit (basic)">
<a href="multicol-rule-percent-001.xht">multicol-rule-percent-001</a></td>
<td><a href="reference/multicol-containing-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-px-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-rule">
<a href="multicol-rule-px-001.xht">multicol-rule-px-001</a></td>
<td><a href="reference/multicol-rule-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-ridge-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'ridge' border style">
<a href="multicol-rule-ridge-000.xht">multicol-rule-ridge-000</a></td>
<td><a href="reference/multicol-rule-ridge-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-samelength-001" class="ahem">
<tr>
<td rowspan="1" title="'column-rule-width' has same lenght as 'column-gap'">
<a href="multicol-rule-samelength-001.xht">multicol-rule-samelength-001</a></td>
<td><a href="reference/multicol-rule-samelength-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-shorthand-001" class="ahem invalid">
<tr>
<td rowspan="1" title="'column-rule' shorthand">
<a href="multicol-rule-shorthand-001.xht">multicol-rule-shorthand-001</a></td>
<td><a href="reference/multicol-rule-samelength-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-solid-000" class="ahem">
<tr>
<td rowspan="1" title="column-rule shorthand with 'solid' border style">
<a href="multicol-rule-solid-000.xht">multicol-rule-solid-000</a></td>
<td><a href="reference/multicol-rule-solid-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-stacking-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-count, stacking">
<a href="multicol-rule-stacking-001.xht">multicol-rule-stacking-001</a></td>
<td><a href="reference/multicol-rule-stacking-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-style-groove-001" class="ahem">
<tr>
<td rowspan="1" title="'column-rule-style' groove">
<a href="multicol-rule-style-groove-001.xht">multicol-rule-style-groove-001</a></td>
<td><a href="reference/multicol-rule-style-groove-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-style-inset-001" class="ahem">
<tr>
<td rowspan="1" title="'column-rule-style' inset">
<a href="multicol-rule-style-inset-001.xht">multicol-rule-style-inset-001</a></td>
<td><a href="reference/multicol-rule-style-ridge-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-style-outset-001" class="ahem">
<tr>
<td rowspan="1" title="'column-rule-style' outset">
<a href="multicol-rule-style-outset-001.xht">multicol-rule-style-outset-001</a></td>
<td><a href="reference/multicol-rule-style-groove-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-rule-style-ridge-001" class="ahem">
<tr>
<td rowspan="1" title="'column-rule-style' ridge">
<a href="multicol-rule-style-ridge-001.xht">multicol-rule-style-ridge-001</a></td>
<td><a href="reference/multicol-rule-style-ridge-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-shorthand-001" class="ahem invalid">
<tr>
<td rowspan="1" title="multicolumn | invalid">
<a href="multicol-shorthand-001.xht">multicol-shorthand-001</a></td>
<td><a href="reference/multicol-rule-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-000" class="ahem image">
<tr>
<td rowspan="1" title="column-span (basic)">
<a href="multicol-span-000.xht">multicol-span-000</a></td>
<td><a href="reference/multicol-span-000-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-001" class="ahem">
<tr>
<td rowspan="1" title="'column-span' element (basic)">
<a href="multicol-span-all-001.xht">multicol-span-all-001</a></td>
<td><a href="reference/multicol-span-all-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-002" class="ahem">
<tr>
<td rowspan="1" title="'column-span' element - large margin-left and 'overflow: hidden'">
<a href="multicol-span-all-002.xht">multicol-span-all-002</a></td>
<td><a href="reference/multicol-span-all-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-003" class="ahem">
<tr>
<td rowspan="1" title="'column-span: all' (basic)">
<a href="multicol-span-all-003.xht">multicol-span-all-003</a></td>
<td><a href="reference/multicol-count-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-block-sibling-003" class="ahem">
<tr>
<td rowspan="1" title="multicol | column-span: all | block-level child">
<a href="multicol-span-all-block-sibling-003.xht">multicol-span-all-block-sibling-003</a></td>
<td><a href="reference/multicol-span-all-block-sibling-3-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-child-001" class="ahem may">
<tr>
<td rowspan="1" title="'column-span: all' element with block children (complex)">
<a href="multicol-span-all-child-001.xht">multicol-span-all-child-001</a></td>
<td><a href="reference/multicol-span-all-child-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-child-002" class="may">
<tr>
<td rowspan="1" title="'column-span: all' element with block children (complex)">
<a href="multicol-span-all-child-002.xht">multicol-span-all-child-002</a></td>
<td><a href="reference/multicol-span-all-child-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-001" class="ahem may">
<tr>
<td rowspan="1" title="'column-span: all' element and width exceeding available multi-colum width (complex)">
<a href="multicol-span-all-margin-001.xht">multicol-span-all-margin-001</a></td>
<td><a href="reference/multicol-span-all-margin-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-002" class="ahem">
<tr>
<td rowspan="1" title="'column-span: all' element">
<a href="multicol-span-all-margin-002.xht">multicol-span-all-margin-002</a></td>
<td><a href="reference/multicol-span-all-margin-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-bottom-001" class="ahem">
<tr>
<td rowspan="1" title="'column-span: all' element with vertical margins and width exceeding available multi-colum width (complex)">
<a href="multicol-span-all-margin-bottom-001.xht">multicol-span-all-margin-bottom-001</a></td>
<td><a href="reference/multicol-span-all-margin-bottom-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-nested-001" class="ahem">
<tr>
<td rowspan="1" title="vertically adjacent spanning elements with nested margins (complex)">
<a href="multicol-span-all-margin-nested-001.xht">multicol-span-all-margin-nested-001</a></td>
<td><a href="reference/multicol-span-all-margin-nested-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-nested-002" class="ahem">
<tr>
<td rowspan="1" title="vertically adjacent spanning elements with nested margins (complex)">
<a href="multicol-span-all-margin-nested-002.xht">multicol-span-all-margin-nested-002</a></td>
<td><a href="reference/multicol-span-all-margin-nested-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-nested-003" class="ahem">
<tr>
<td rowspan="1" title="multicolomn | column-span inside block">
<a href="multicol-span-all-margin-nested-003.xht">multicol-span-all-margin-nested-003</a></td>
<td><a href="reference/multicol-span-all-margin-nested-3-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-all-margin-nested-firstchild-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | column-span">
<a href="multicol-span-all-margin-nested-firstchild-001.xht">multicol-span-all-margin-nested-firstchild-001</a></td>
<td><a href="reference/multicol-span-all-margin-nested-firstchild-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-float-001" class="ahem">
<tr>
<td rowspan="1" title="floating a column-spanning element">
<a href="multicol-span-float-001.xht">multicol-span-float-001</a></td>
<td><a href="reference/multicol-span-float-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-span-none-001" class="ahem">
<tr>
<td rowspan="1" title="column-span: none (basic)">
<a href="multicol-span-none-001.xht">multicol-span-none-001</a></td>
<td><a href="reference/multicol-span-none-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-table-cell-001" class="ahem">
<tr>
<td rowspan="1" title="column-count and table-cell (basic)">
<a href="multicol-table-cell-001.xht">multicol-table-cell-001</a></td>
<td><a href="reference/multicol-table-cell-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-table-cell-height-001" class="ahem">
<tr>
<td rowspan="1" title="column-count and height of table-cell (basic)">
<a href="multicol-table-cell-height-001.xht">multicol-table-cell-height-001</a></td>
<td><a href="reference/multicol-table-cell-height-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-table-cell-height-002" class="ahem">
<tr>
<td rowspan="1" title="column-count and height of table-cell (basic)">
<a href="multicol-table-cell-height-002.xht">multicol-table-cell-height-002</a></td>
<td><a href="reference/multicol-table-cell-height-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-table-cell-vertical-align-001" class="ahem">
<tr>
<td rowspan="1" title="multicolumn | table-cell, vertical-align">
<a href="multicol-table-cell-vertical-align-001.xht">multicol-table-cell-vertical-align-001</a></td>
<td><a href="reference/multicol-table-cell-vertical-align-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-001" class="ahem">
<tr>
<td rowspan="1" title="column-width (basic)">
<a href="multicol-width-001.xht">multicol-width-001</a></td>
<td><a href="reference/multicol-width-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-002" class="ahem">
<tr>
<td rowspan="1" title="column-width (basic)">
<a href="multicol-width-002.xht">multicol-width-002</a></td>
<td><a href="reference/multicol-width-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-003" class="ahem">
<tr>
<td rowspan="1" title="column-width (basic)">
<a href="multicol-width-003.xht">multicol-width-003</a></td>
<td><a href="reference/multicol-width-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-count-001" class="ahem">
<tr>
<td rowspan="1" title="column-count and column-width (basic)">
<a href="multicol-width-count-001.xht">multicol-width-count-001</a></td>
<td><a href="reference/multicol-width-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-count-002" class="ahem">
<tr>
<td rowspan="1" title="column-count and column-width (basic)">
<a href="multicol-width-count-002.xht">multicol-width-count-002</a></td>
<td><a href="reference/multicol-count-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-ems-001" class="">
<tr>
<td rowspan="1" title="multicolumn | column-width">
<a href="multicol-width-ems-001.xht">multicol-width-ems-001</a></td>
<td><a href="reference/multicol-width-ems-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-width-invalid-001" class="ahem invalid">
<tr>
<td rowspan="1" title="invalid column-width">
<a href="multicol-width-invalid-001.xht">multicol-width-invalid-001</a></td>
<td><a href="reference/multicol-width-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-large-001" class="ahem">
<tr>
<td rowspan="1" title="large column-width">
<a href="multicol-width-large-001.xht">multicol-width-large-001</a></td>
<td><a href="reference/multicol-width-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-large-002" class="ahem">
<tr>
<td rowspan="1" title="large column-width">
<a href="multicol-width-large-002.xht">multicol-width-large-002</a></td>
<td><a href="reference/multicol-width-invalid-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-negative-001" class="ahem invalid">
<tr>
<td rowspan="1" title="negative column-width">
<a href="multicol-width-negative-001.xht">multicol-width-negative-001</a></td>
<td><a href="reference/multicol-count-002-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="multicol-width-small-001" class="ahem">
<tr>
<td rowspan="1" title="narrow column-width">
<a href="multicol-width-small-001.xht">multicol-width-small-001</a></td>
<td><a href="reference/multicol-width-small-001-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="multicol-zero-height-001" class="">
<tr>
<td rowspan="1" title="multi-column element with zero height">
<a href="multicol-zero-height-001.xht">multicol-zero-height-001</a></td>
<td><a href="reference/multicol-zero-height-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-003" class="ahem">
<tr>
<td rowspan="1" title="One named flow multi-column container, text content overflowing one region">
<a href="regions-multicol-003.xht">regions-multicol-003</a></td>
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-004" class="ahem">
<tr>
<td rowspan="1" title="One named flow, text content flowing into one multi-column region">
<a href="regions-multicol-004.xht">regions-multicol-004</a></td>
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-006" class="ahem">
<tr>
<td rowspan="1" title="One named flow, text content - fragmented between multicol region and non-multicol region">
<a href="regions-multicol-006.xht">regions-multicol-006</a></td>
<td><a href="reference/regions-multicol-006-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-008" class="">
<tr>
<td rowspan="1" title="One named flow, non-text fragmentable content flowing into multi-column region then into non-multicol region">
<a href="regions-multicol-008.xht">regions-multicol-008</a></td>
<td><a href="reference/regions-multicol-008-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-009" class="">
<tr>
<td rowspan="1" title="One named flow, text content flowing into a simple region then into a multi-column region">
<a href="regions-multicol-009.xht">regions-multicol-009</a></td>
<td><a href="reference/regions-multicol-009-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-011" class="">
<tr>
<td rowspan="1" title="One named flow, non-text fragmentable content flowing into non-mulicol region then into a multi-column region">
<a href="regions-multicol-011.xht">regions-multicol-011</a></td>
<td><a href="reference/regions-multicol-009-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-012" class="">
<tr>
<td rowspan="1" title="One named flow multi-column container, monolithic content flowing into one region">
<a href="regions-multicol-012.xht">regions-multicol-012</a></td>
<td><a href="reference/regions-multicol-012-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-013" class="ahem">
<tr>
<td rowspan="1" title="One named flow, text content flowing into multiple regions fragmented across multiple columns and overflowing the last region">
<a href="regions-multicol-013.xht">regions-multicol-013</a></td>
<td><a href="reference/regions-multicol-013-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-015" class="ahem">
<tr>
<td rowspan="1" title="One named flow muticolumn container, text content flowing into multiple regions with content overflowing last region">
<a href="regions-multicol-015.xht">regions-multicol-015</a></td>
<td><a href="reference/regions-multicol-013-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-016" class="">
<tr>
<td rowspan="1" title="One named flow multi-column container, monolithic content flowing into multiple regions">
<a href="regions-multicol-016.xht">regions-multicol-016</a></td>
<td><a href="reference/regions-multicol-016-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-017" class="ahem">
<tr>
<td rowspan="1" title="Multiple named flows, text content flowing into multiple regions in a multi-column container">
<a href="regions-multicol-017.xht">regions-multicol-017</a></td>
<td><a href="reference/regions-multicol-017-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-019" class="ahem">
<tr>
<td rowspan="1" title="Multiple named flows multi-column containers, text content flowing into multiple visually overlapping regions">
<a href="regions-multicol-019.xht">regions-multicol-019</a></td>
<td><a href="reference/regions-multicol-019-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-021" class="">
<tr>
<td rowspan="1" title="Multiple named flows multi-column containers with unspecified width, non-text content flowing into multiple overlapping regions">
<a href="regions-multicol-021.xht">regions-multicol-021</a></td>
<td><a href="reference/regions-multicol-019-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-022" class="ahem">
<tr>
<td rowspan="1" title="One named flow multi-column container, text content flowing into one autosized region with overflowing column">
<a href="regions-multicol-022.xht">regions-multicol-022</a></td>
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-023" class="">
<tr>
<td rowspan="1" title="One named flow multi-column container, monolithic content flowing into an autosized region, overflowing column">
<a href="regions-multicol-023.xht">regions-multicol-023</a></td>
<td><a href="reference/regions-multicol-003-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-024" class="ahem">
<tr>
<td rowspan="1" title="One named flow multi-column container with text content flowing into region of smaller width/height than the second region">
<a href="regions-multicol-024.xht">regions-multicol-024</a></td>
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-025" class="">
<tr>
<td rowspan="1" title="One named flow multi-column container with monolithic content flowing into region of smaller width/height than the second region">
<a href="regions-multicol-025.xht">regions-multicol-025</a></td>
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-026" class="ahem">
<tr>
<td rowspan="1" title="One named flow multi-column container with text content flowing into region of smaller height than the second region">
<a href="regions-multicol-026.xht">regions-multicol-026</a></td>
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-027" class="">
<tr>
<td rowspan="1" title="One named flow multi-column container with monolithic content + flowing into region of smaller height than the second region">
<a href="regions-multicol-027.xht">regions-multicol-027</a></td>
<td><a href="reference/regions-multicol-024-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="regions-multicol-028" class="ahem">
<tr>
<td rowspan="1" title="One named flow multi-column container with text content flowing into first region of smaller width than the second region">
<a href="regions-multicol-028.xht">regions-multicol-028</a></td>
<td><a href="reference/regions-multicol-028-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="regions-multicol-029" class="">
<tr>
<td rowspan="1" title="One named flow multi-column container with monolithic content flowing into first region of smaller width than the second region">
<a href="regions-multicol-029.xht">regions-multicol-029</a></td>
<td><a href="reference/regions-multicol-028-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>
</html>