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

424 lines
No EOL
23 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Introduction to Vertical Text Layout - 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 Layout (29 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="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#intro-text-layout">5 Introduction to Vertical Text Layout</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.#bi-orientational">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#bi-orientational----transform">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#horizontal-only">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#horizontal-script">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#vertical-only">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#vertical-script">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
<!-- 29 tests -->
<tr id="table-progression-003-vlr-5.1" class="">
<td>
<a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td>
<td><a href="table-progression-001-ref.orngtml">=</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-003-vrl-5.1" class="">
<td>
<a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td>
<td><a href="table-progression-001-ref.orngtml">=</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-004-vlr-5.1" class="">
<td>
<a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td>
<td><a href="table-progression-002-ref.orngtml">=</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-004-vrl-5.1" class="">
<td>
<a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td>
<td><a href="table-progression-002-ref.orngtml">=</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="text-orientation-010-5.1" class="primary ahem font">
<td><strong>
<a href="text-orientation-010.htm">text-orientation-010</a></strong></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>text-orientation - mixed
<ul class="assert">
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90&amp;deg;clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-011-5.1" class="primary ahem font">
<td><strong>
<a href="text-orientation-011.htm">text-orientation-011</a></strong></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>text-orientation - upright
<ul class="assert">
<li>This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-012-5.1" class="primary ahem">
<td><strong>
<a href="text-orientation-012.htm">text-orientation-012</a></strong></td>
<td><a href="reference/text-orientation-012-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>text-orientation - sideways-right
<ul class="assert">
<li>This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90&amp;deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-014-5.1" class="primary ahem">
<td><strong>
<a href="text-orientation-014.htm">text-orientation-014</a></strong></td>
<td><a href="reference/text-orientation-014-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>text-orientation - sideways
<ul class="assert">
<li>This test checks that 'text-orientation: sideways' is equivalent to&amp;#8216;sideways-right&amp;#8217;in&amp;#8216;vertical-rl&amp;#8217;writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-001-5.1" class="primary font image">
<td><strong>
<a href="text-orientation-mixed-001.htm">text-orientation-mixed-001</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - mixed in vertical-rl writing mode
<ul class="assert">
<li>This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc).</li>
</ul>
</td>
</tr>
<tr id="text-orientation-parsing-001-5.1" class="primary dom script">
<td><strong>
<a href="text-orientation-parsing-001.htm">text-orientation-parsing-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing text-orientation
<ul class="assert">
<li>This test asserts the parser and getComputedStyle works correctly for the text-orientation property.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001-5.1" class="primary combo dom font script">
<td><strong>
<a href="text-orientation-script-001.htm">text-orientation-script-001</a></strong></td>
<td></td>
<td><abbr class="combo" title="Combination of child tests">Combo</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters.
<ul class="assert">
<li>Test orientation of characters</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001a-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001a.htm">text-orientation-script-001a</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35).
<ul class="assert">
<li>Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001b-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001b.htm">text-orientation-script-001b</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50).
<ul class="assert">
<li>Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001c-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001c.htm">text-orientation-script-001c</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898).
<ul class="assert">
<li>Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001d-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001d.htm">text-orientation-script-001d</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884).
<ul class="assert">
<li>Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001e-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001e.htm">text-orientation-script-001e</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343).
<ul class="assert">
<li>Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001f-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001f.htm">text-orientation-script-001f</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D).
<ul class="assert">
<li>Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001g-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001g.htm">text-orientation-script-001g</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00).
<ul class="assert">
<li>Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001h-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001h.htm">text-orientation-script-001h</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD).
<ul class="assert">
<li>Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001i-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001i.htm">text-orientation-script-001i</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7).
<ul class="assert">
<li>Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001j-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001j.htm">text-orientation-script-001j</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387).
<ul class="assert">
<li>Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001k-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001k.htm">text-orientation-script-001k</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA).
<ul class="assert">
<li>Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001l-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001l.htm">text-orientation-script-001l</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA).
<ul class="assert">
<li>Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001m-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001m.htm">text-orientation-script-001m</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D).
<ul class="assert">
<li>Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001n-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001n.htm">text-orientation-script-001n</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3).
<ul class="assert">
<li>Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-script-001o-5.1" class="primary dom font script">
<td><strong>
<a href="text-orientation-script-001o.htm">text-orientation-script-001o</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Test orientation of characters where vo=Tu (147 code points in U+3001-1F201).
<ul class="assert">
<li>Test orientation of characters where vo=Tu (147 code points in U+3001-1F201)</li>
</ul>
</td>
</tr>
<tr id="text-orientation-sideways-001-5.1" class="primary font image">
<td><strong>
<a href="text-orientation-sideways-001.htm">text-orientation-sideways-001</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - sideways in vertical-rl writing mode
<ul class="assert">
<li>This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-sideways-right-001-5.1" class="primary font image">
<td><strong>
<a href="text-orientation-sideways-right-001.htm">text-orientation-sideways-right-001</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - sideways-right in vertical-rl writing mode
<ul class="assert">
<li>This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-upright-001-5.1" class="primary font image">
<td><strong>
<a href="text-orientation-upright-001.htm">text-orientation-upright-001</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - upright in vertical-rl writing mode
<ul class="assert">
<li>This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc).</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#fig-text-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#propdef-text-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-mixed">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways-left">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways-right">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-use-glyph-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-font-features">5.1.1 Vertical Typesetting and Font Features</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#typeset-sideways">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#typeset-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-orientations">5.1.2 Mixed Vertical Orientations</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>