servo/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm

224 lines
No EOL
7.3 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Abstract Box Terminology - CSS Writing Modes Module Level 3 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 Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Abstract Box Terminology (4 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="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-box">6 Abstract Box Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#bottom">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#flow-relative">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#height">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#horizontal-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#left">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#line-relative">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#physical">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#physical-dimensions">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#physical-direction">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#right">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#top">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#vertical-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#x-axis">
<!-- 0 tests -->
</tbody>
<tbody id="s6.#y-axis">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-dimensions">6.1 Abstract Dimensions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#abstract-dimensions0">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-axis-">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#extent">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-axis-">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#logical-height">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#logical-width">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#measure">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
<!-- 4 tests -->
<tr id="direction-vlr-003-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vlr-003.htm">direction-vlr-003</a></strong></td>
<td><a href="reference/direction-vlr-003-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'vertical-lr' and 'direction: rtl'
<ul class="assert">
<li>This test checks that when a block box has 'direction' set to 'rtl' in a vertical writing-mode, then inlines boxes are aligned from line-right to line-left.</li>
</ul>
</td>
</tr>
<tr id="direction-vlr-005-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vlr-005.htm">direction-vlr-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'vertical-lr' and 'direction: ltr'
<ul class="assert">
<li>This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right.</li>
</ul>
</td>
</tr>
<tr id="direction-vrl-002-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vrl-002.htm">direction-vrl-002</a></strong></td>
<td><a href="reference/direction-vrl-002-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'vertical-rl' and 'direction: rtl'
<ul class="assert">
<li>This test checks that when a block box has 'direction' set to 'rtl' in a vertical writing-mode, then inlines boxes are aligned from line-right to line-left.</li>
</ul>
</td>
</tr>
<tr id="direction-vrl-004-6.2" class="primary ahem image">
<td><strong>
<a href="direction-vrl-004.htm">direction-vrl-004</a></strong></td>
<td><a href="reference/direction-vrl-004-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'vertical-rl' and 'direction: ltr'
<ul class="assert">
<li>This test checks that when a block box has 'direction' set to 'ltr' in a vertical writing-mode, then inlines boxes are aligned from line-left to line-right.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.2.#block-end">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#block-start">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#end">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#flow-relative-direction">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#inline-end">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#inline-start">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#start">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#line-directions">6.3 Line-relative Directions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#line-left">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#line-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#line-over">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#line-relative-direction">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#line-right">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#line-under">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#over">
<!-- 0 tests -->
</tbody>
<tbody id="s6.3.#under">
<!-- 0 tests -->
</tbody>
<tbody id="s6.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.4">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>