mirror of
https://github.com/servo/servo.git
synced 2025-06-24 09:04:33 +01:00
1675 lines
No EOL
106 KiB
HTML
1675 lines
No EOL
106 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Introduction to Vertical Text - 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>Introduction to Vertical Text (147 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="s3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-intro">3 Introduction to Vertical Text</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.#fig-mac">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr>
|
|
<!-- 132 tests -->
|
|
<tr id="block-flow-direction-004-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-004.htm">block-flow-direction-004</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'writing-mode' - initial value is 'horizontal-tb'
|
|
<ul class="assert">
|
|
<li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-htb-001-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-htb-001.htm">block-flow-direction-htb-001</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>horizontal-tb - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-043-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-043.htm">block-flow-direction-slr-043</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-lr - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-047-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-047.htm">block-flow-direction-slr-047</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-048-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-048.htm">block-flow-direction-slr-048</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-050-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-050.htm">block-flow-direction-slr-050</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-054-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-054.htm">block-flow-direction-slr-054</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-055-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-055.htm">block-flow-direction-slr-055</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-056-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-056.htm">block-flow-direction-slr-056</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-058-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-058.htm">block-flow-direction-slr-058</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-060-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-060.htm">block-flow-direction-slr-060</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'sideways-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-062-3.1" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-062.htm">block-flow-direction-slr-062</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-043-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>list and sideways-lr - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-063-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-063.htm">block-flow-direction-slr-063</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-lr - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-slr-066-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-slr-066.htm">block-flow-direction-slr-066</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>writing mode (sideways-lr) of document - horizontal position of first block
|
|
<ul class="assert">
|
|
<li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-042-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-042.htm">block-flow-direction-srl-042</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-rl - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-045-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-045.htm">block-flow-direction-srl-045</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-046-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-046.htm">block-flow-direction-srl-046</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-049-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-049.htm">block-flow-direction-srl-049</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-051-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-051.htm">block-flow-direction-srl-051</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-052-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-052.htm">block-flow-direction-srl-052</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-053-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-053.htm">block-flow-direction-srl-053</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-057-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-057.htm">block-flow-direction-srl-057</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-059-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-059.htm">block-flow-direction-srl-059</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'sideways-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-061-3.1" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-061.htm">block-flow-direction-srl-061</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-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>list and sideways-rl - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-064-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-064.htm">block-flow-direction-srl-064</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-rl - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-srl-065-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-srl-065.htm">block-flow-direction-srl-065</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>writing mode (sideways-rl) of document - horizontal position of first block
|
|
<ul class="assert">
|
|
<li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-003-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-003.htm">block-flow-direction-vlr-003</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-007-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-007.htm">block-flow-direction-vlr-007</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-008-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-008.htm">block-flow-direction-vlr-008</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-010-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-010.htm">block-flow-direction-vlr-010</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-014-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-014.htm">block-flow-direction-vlr-014</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-015-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-015.htm">block-flow-direction-vlr-015</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-016-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-016.htm">block-flow-direction-vlr-016</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-018-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-018.htm">block-flow-direction-vlr-018</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-020-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-020.htm">block-flow-direction-vlr-020</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'vertical-lr' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-022-3.1" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-022.htm">block-flow-direction-vlr-022</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-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>list and vertical-lr - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vlr-023-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vlr-023.htm">block-flow-direction-vlr-023</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-002-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-002.htm">block-flow-direction-vrl-002</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-005-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-005.htm">block-flow-direction-vrl-005</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-006-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-006.htm">block-flow-direction-vrl-006</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-009-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-009.htm">block-flow-direction-vrl-009</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-011-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-011.htm">block-flow-direction-vrl-011</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-012-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-012.htm">block-flow-direction-vrl-012</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-013-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-013.htm">block-flow-direction-vrl-013</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-017-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-017.htm">block-flow-direction-vrl-017</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-019-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-019.htm">block-flow-direction-vrl-019</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'vertical-rl' - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-021-3.1" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-021.htm">block-flow-direction-vrl-021</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-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>list and vertical-rl - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-024-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-024.htm">block-flow-direction-vrl-024</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - block flow direction of block-level boxes
|
|
<ul class="assert">
|
|
<li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="block-flow-direction-vrl-025-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="block-flow-direction-vrl-025.htm">block-flow-direction-vrl-025</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>writing mode of document - horizontal position of first block
|
|
<ul class="assert">
|
|
<li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="different-block-flow-dir-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="different-block-flow-dir-001.htm">different-block-flow-dir-001</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>descendant inline with a different 'writing-mode' value
|
|
<ul class="assert">
|
|
<li>This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="different-block-flow-dir-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="different-block-flow-dir-002.htm">different-block-flow-dir-002</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
|
<td></td>
|
|
<td>descendant inline with a different 'writing-mode' value
|
|
<ul class="assert">
|
|
<li>This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="first-page-vlr-003-3.1" class="primary paged">
|
|
<td><strong>
|
|
<a href="first-page-vlr-003.htm">first-page-vlr-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>first page of a document with vertical-lr writing-mode
|
|
<ul class="assert">
|
|
<li>When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-lr' is the :right page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="first-page-vrl-002-3.1" class="primary image paged">
|
|
<td><strong>
|
|
<a href="first-page-vrl-002.htm">first-page-vrl-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>first page of a document with vertical-rl writing-mode
|
|
<ul class="assert">
|
|
<li>When 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left. This test checks that the first page of a document whose document root has 'writing-mode' set to 'vertical-rl' is the :left page.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="flexbox_align-items-stretch-writing-modes-3.1" class="">
|
|
<td>
|
|
<a href="flexbox_align-items-stretch-writing-modes.htm">flexbox_align-items-stretch-writing-modes</a></td>
|
|
<td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl
|
|
<ul class="assert">
|
|
<li>vertical-writing-mode flex items should stretch</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-slr-004-3.1" class="primary image should">
|
|
<td><strong>
|
|
<a href="form-controls-slr-004.htm">form-controls-slr-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>order, orientation and layout of form controls in 'sideways-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-slr-005-3.1" class="primary should">
|
|
<td><strong>
|
|
<a href="form-controls-slr-005.htm">form-controls-slr-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>form controls in 'sideways-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90&deg; counter-clockwise and c) the block flow direction must be from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-srl-004-3.1" class="primary image should">
|
|
<td><strong>
|
|
<a href="form-controls-srl-004.htm">form-controls-srl-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>order, orientation and layout of form controls in 'sideways-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-srl-005-3.1" class="primary should">
|
|
<td><strong>
|
|
<a href="form-controls-srl-005.htm">form-controls-srl-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>form controls in 'sideways-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-vlr-004-3.1" class="primary image should">
|
|
<td><strong>
|
|
<a href="form-controls-vlr-004.htm">form-controls-vlr-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>order, orientation and layout of form controls in 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-vlr-005-3.1" class="primary should">
|
|
<td><strong>
|
|
<a href="form-controls-vlr-005.htm">form-controls-vlr-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>form controls in 'vertical-lr' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-vrl-004-3.1" class="primary image should">
|
|
<td><strong>
|
|
<a href="form-controls-vrl-004.htm">form-controls-vrl-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>order, orientation and layout of form controls in 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="form-controls-vrl-005-3.1" class="primary should">
|
|
<td><strong>
|
|
<a href="form-controls-vrl-005.htm">form-controls-vrl-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>form controls in 'vertical-rl' writing-mode
|
|
<ul class="assert">
|
|
<li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-replaced-vlr-003-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="inline-replaced-vlr-003.htm">inline-replaced-vlr-003</a></strong></td>
|
|
<td><a href="reference/inline-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>inline replaced element and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that the content of an inline replaced element does not rotate due to the writing mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-replaced-vrl-002-3.1" class="primary image">
|
|
<td><strong>
|
|
<a href="inline-replaced-vrl-002.htm">inline-replaced-vrl-002</a></strong></td>
|
|
<td><a href="reference/inline-replaced-vrl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>inline replaced element and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that the content of an inline replaced element does not rotate due to the writing mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-htb-001-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-htb-001.htm">line-box-direction-htb-001</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>horizontal-tb - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of a block box in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of the block box; they are ordered from top to bottom meaning that the 1st line box is the topmost one and then the 2nd block is juxtaposed to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-043-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-043.htm">line-box-direction-slr-043</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-lr - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-047-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-047.htm">line-box-direction-slr-047</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-048-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-048.htm">line-box-direction-slr-048</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-050-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-050.htm">line-box-direction-slr-050</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-053-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-053.htm">line-box-direction-slr-053</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-054-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-054.htm">line-box-direction-slr-054</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-056-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-056.htm">line-box-direction-slr-056</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-058-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-058.htm">line-box-direction-slr-058</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-slr-060-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-slr-060.htm">line-box-direction-slr-060</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>list and 'sideways-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-042-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-042.htm">line-box-direction-srl-042</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-rl - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-045-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-045.htm">line-box-direction-srl-045</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-046-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-046.htm">line-box-direction-srl-046</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-049-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-049.htm">line-box-direction-srl-049</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-051-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-051.htm">line-box-direction-srl-051</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-052-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-052.htm">line-box-direction-srl-052</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-055-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-055.htm">line-box-direction-srl-055</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-057-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-057.htm">line-box-direction-srl-057</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-srl-059-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-srl-059.htm">line-box-direction-srl-059</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>list and 'sideways-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-003-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-003.htm">line-box-direction-vlr-003</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-007-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-007.htm">line-box-direction-vlr-007</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-008-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-008.htm">line-box-direction-vlr-008</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: right' and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-010-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-010.htm">line-box-direction-vlr-010</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-013-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-013.htm">line-box-direction-vlr-013</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-014-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-014.htm">line-box-direction-vlr-014</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-016-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-016.htm">line-box-direction-vlr-016</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-018-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-018.htm">line-box-direction-vlr-018</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vlr-020-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vlr-020.htm">line-box-direction-vlr-020</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>list and 'vertical-lr' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-002-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-002.htm">line-box-direction-vrl-002</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-005-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-005.htm">line-box-direction-vrl-005</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-006-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-006.htm">line-box-direction-vrl-006</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'float: left' and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-009-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-009.htm">line-box-direction-vrl-009</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>position absolute and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-011-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-011.htm">line-box-direction-vrl-011</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-012-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-012.htm">line-box-direction-vrl-012</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-015-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-015.htm">line-box-direction-vrl-015</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-cell and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-017-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-017.htm">line-box-direction-vrl-017</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>table-caption and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="line-box-direction-vrl-019-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="line-box-direction-vrl-019.htm">line-box-direction-vrl-019</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>list and 'vertical-rl' - ordering direction of line boxes
|
|
<ul class="assert">
|
|
<li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-flow-direction-002-3.1" class="primary image paged">
|
|
<td><strong>
|
|
<a href="page-flow-direction-002.htm">page-flow-direction-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>'writing-mode: vertical-rl' - default page flow (progression) direction
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-flow-direction-003-3.1" class="primary image paged">
|
|
<td><strong>
|
|
<a href="page-flow-direction-003.htm">page-flow-direction-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>'writing-mode: vertical-lr' - default page flow (progression) direction
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-flow-direction-slr-005-3.1" class="primary image paged">
|
|
<td><strong>
|
|
<a href="page-flow-direction-slr-005.htm">page-flow-direction-slr-005</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>'writing-mode: sideways-lr' - default page flow (progression) direction
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="page-flow-direction-srl-004-3.1" class="primary image paged">
|
|
<td><strong>
|
|
<a href="page-flow-direction-srl-004.htm">page-flow-direction-srl-004</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
|
|
<td>'writing-mode: sideways-rl' - default page flow (progression) direction
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="replaced-content-image-002-3.1" class="primary should">
|
|
<td><strong>
|
|
<a href="replaced-content-image-002.htm">replaced-content-image-002</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>alternate text of image and vertical writing mode
|
|
<ul class="assert">
|
|
<li>This test checks that alternate text (latin) of image rotates 90&deg; clockwise in vertical writing mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="replaced-content-image-003-3.1" class="primary should">
|
|
<td><strong>
|
|
<a href="replaced-content-image-003.htm">replaced-content-image-003</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
|
|
<td>alternate text of image and vertical writing mode
|
|
<ul class="assert">
|
|
<li>This test checks that alternate text (latin) of image rotates 90&deg; clockwise in vertical writing mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-slr-023-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-slr-023.htm">row-progression-slr-023</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-lr - table rows progression
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-slr-029-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-slr-029.htm">row-progression-slr-029</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-lr - table rows progression (thead, 2 tbodies, tfoot)
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-srl-022-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-srl-022.htm">row-progression-srl-022</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-rl - table rows progression
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-srl-028-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-srl-028.htm">row-progression-srl-028</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>sideways-rl - table rows progression (thead, 2 tbodies, tfoot)
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vlr-003-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vlr-003.htm">row-progression-vlr-003</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - table rows progression
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vlr-005-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vlr-005.htm">row-progression-vlr-005</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - table rows progression and colspan
|
|
<ul class="assert">
|
|
<li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vlr-007-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vlr-007.htm">row-progression-vlr-007</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - table rows progression and rowspan
|
|
<ul class="assert">
|
|
<li>This test checks that rowspanned cells in a table are handled according to a left-to-right direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vlr-009-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vlr-009.htm">row-progression-vlr-009</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot)
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vrl-002-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vrl-002.htm">row-progression-vrl-002</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - table rows progression
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vrl-004-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vrl-004.htm">row-progression-vrl-004</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - table rows progression and colspan
|
|
<ul class="assert">
|
|
<li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vrl-006-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vrl-006.htm">row-progression-vrl-006</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - table rows progression and rowspan
|
|
<ul class="assert">
|
|
<li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="row-progression-vrl-008-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="row-progression-vrl-008.htm">row-progression-vrl-008</a></strong></td>
|
|
<td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot)
|
|
<ul class="assert">
|
|
<li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-slr-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-slr-001.htm">table-progression-slr-001</a></strong></td>
|
|
<td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>sideways-lr Table Row/Rowgroup/Cell Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-slr-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-slr-002.htm">table-progression-slr-002</a></strong></td>
|
|
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>sideways-lr Table Column/Colgroup Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-srl-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-srl-001.htm">table-progression-srl-001</a></strong></td>
|
|
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>sideways-rl Table Row/Rowgroup/Cell Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-srl-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-srl-002.htm">table-progression-srl-002</a></strong></td>
|
|
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>sideways-rl Table Column/Colgroup Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vlr-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></strong></td>
|
|
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-lr Table Row/Rowgroup/Cell Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li>
|
|
<li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vlr-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vlr-002.htm">table-progression-vlr-002</a></strong></td>
|
|
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-lr Table Column/Colgroup Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li>
|
|
<li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vlr-003-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></strong></td>
|
|
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vlr-004-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vlr-004.htm">table-progression-vlr-004</a></strong></td>
|
|
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-lr upright orientation Table Column/Colgroup Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vrl-001-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vrl-001.htm">table-progression-vrl-001</a></strong></td>
|
|
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-rl Table Row/Rowgroup/Cell Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li>
|
|
<li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vrl-002-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vrl-002.htm">table-progression-vrl-002</a></strong></td>
|
|
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-rl Table Column/Colgroup Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li>
|
|
<li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vrl-003-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></strong></td>
|
|
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vrl-004-3.1" class="primary">
|
|
<td><strong>
|
|
<a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></strong></td>
|
|
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>vertical-rl upright orientation Table Column/Colgroup Ordering
|
|
<ul class="assert">
|
|
<li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="writing-mode-vertical-rl-003-3.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="writing-mode-vertical-rl-003.htm">writing-mode-vertical-rl-003</a></strong></td>
|
|
<td><a href="reference/writing-mode-vertical-rl-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>writing-mode: horizontal-tb nested in vertical-rl
|
|
<ul class="assert">
|
|
<li>when child block has its own writing-mode, child block's writing-mode overwrites parent block's writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.1.#principal-writing-mode">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#propdef-writing-mode">
|
|
<!-- 14 tests -->
|
|
<tr id="autoheight-regions-in-autoheight-flexbox-002-3.1.#propdef-writing-mode" class="ahem">
|
|
<td>
|
|
<a href="autoheight-regions-in-autoheight-flexbox-002.htm">autoheight-regions-in-autoheight-flexbox-002</a></td>
|
|
<td><a href="reference/autoheight-regions-in-autoheight-flexbox-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox
|
|
<ul class="assert">
|
|
<li>Test checks that auto-height regions having content with vertical writing mode are sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal green stripe.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-flexbox-row-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="css-flexbox-row.htm">css-flexbox-row</a></td>
|
|
<td><a href="reference/css-flexbox-row-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flex direction: row, writing mode vertical
|
|
<ul class="assert">
|
|
<li>Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-flexbox-row-reverse-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="css-flexbox-row-reverse.htm">css-flexbox-row-reverse</a></td>
|
|
<td><a href="reference/css-flexbox-row-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flex direction: row, writing mode vertical
|
|
<ul class="assert">
|
|
<li>Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-flexbox-row-reverse-wrap-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="css-flexbox-row-reverse-wrap.htm">css-flexbox-row-reverse-wrap</a></td>
|
|
<td><a href="reference/css-flexbox-row-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flex direction: row, writing mode vertical
|
|
<ul class="assert">
|
|
<li>Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-flexbox-row-reverse-wrap-reverse-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="css-flexbox-row-reverse-wrap-reverse.htm">css-flexbox-row-reverse-wrap-reverse</a></td>
|
|
<td><a href="reference/css-flexbox-row-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flex direction: row, writing mode vertical
|
|
<ul class="assert">
|
|
<li>Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-flexbox-row-wrap-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="css-flexbox-row-wrap.htm">css-flexbox-row-wrap</a></td>
|
|
<td><a href="reference/css-flexbox-row-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flex direction: row, writing mode vertical
|
|
<ul class="assert">
|
|
<li>Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="css-flexbox-row-wrap-reverse-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="css-flexbox-row-wrap-reverse.htm">css-flexbox-row-wrap-reverse</a></td>
|
|
<td><a href="reference/css-flexbox-row-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flex direction: row, writing mode vertical
|
|
<ul class="assert">
|
|
<li>Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="extract-ordered-list-direction-and-writing-modes-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="extract-ordered-list-direction-and-writing-modes.htm">extract-ordered-list-direction-and-writing-modes</a></td>
|
|
<td><a href="reference/extract-ordered-list-direction-and-writing-modes-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flow-into on list items that use different text directions or writing modes
|
|
<ul class="assert">
|
|
<li>The flow-into property can be applied to elements that have different text directions and writing modes. This tests that the rendering for lists that use different text directions/writing modes are not affected when they are extracted in a named flow and rendered in a region.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="flexbox-writing-mode-007-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="flexbox-writing-mode-007.htm">flexbox-writing-mode-007</a></td>
|
|
<td><a href="reference/flexbox-writing-mode-007-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="flexbox-writing-mode-008-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="flexbox-writing-mode-008.htm">flexbox-writing-mode-008</a></td>
|
|
<td><a href="reference/flexbox-writing-mode-008-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="flexbox-writing-mode-009-3.1.#propdef-writing-mode" class="">
|
|
<td>
|
|
<a href="flexbox-writing-mode-009.htm">flexbox-writing-mode-009</a></td>
|
|
<td><a href="reference/flexbox-writing-mode-009-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
|
|
</td>
|
|
</tr>
|
|
<tr id="writing-mode-vertical-lr-002-3.1.#propdef-writing-mode" class="primary ahem">
|
|
<td><strong>
|
|
<a href="writing-mode-vertical-lr-002.htm">writing-mode-vertical-lr-002</a></strong></td>
|
|
<td><a href="reference/writing-mode-vertical-lr-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>writing-mode: vertical-lr - basic inline case
|
|
</td>
|
|
</tr>
|
|
<tr id="writing-mode-vertical-rl-001-3.1.#propdef-writing-mode" class="primary ahem">
|
|
<td><strong>
|
|
<a href="writing-mode-vertical-rl-001.htm">writing-mode-vertical-rl-001</a></strong></td>
|
|
<td><a href="reference/writing-mode-vertical-rl-001-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>writing-mode: vertical-rl - basic inline case
|
|
</td>
|
|
</tr>
|
|
<tr id="writing-mode-vertical-rl-002-3.1.#propdef-writing-mode" class="primary ahem">
|
|
<td><strong>
|
|
<a href="writing-mode-vertical-rl-002.htm">writing-mode-vertical-rl-002</a></strong></td>
|
|
<td><a href="reference/writing-mode-vertical-rl-002-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>writing-mode: vertical-rl - basic inline case
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.1.#valuedef-horizontal-tb">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#valuedef-vertical-lr">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.#valuedef-vertical-rl">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s3.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s3.1.1">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 SVG1.1 writing-mode Values</a></th></tr>
|
|
<!-- 1 tests -->
|
|
<tr id="writing-mode-parsing-svg1-001-3.1.1" class="primary dom may svg script">
|
|
<td><strong>
|
|
<a href="writing-mode-parsing-svg1-001.htm">writing-mode-parsing-svg1-001</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
|
<td>CSS Writing Modes: parsing SVG 1.1 writing-mode values
|
|
<ul class="assert">
|
|
<li>This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s3.1.1.#inline-progression-direction">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |