mirror of
https://github.com/servo/servo.git
synced 2025-06-26 01:54:33 +01:00
237 lines
No EOL
12 KiB
HTML
237 lines
No EOL
12 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 (12 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>
|
|
<!-- 12 tests -->
|
|
<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><a href="reference/text-orientation-010-ref.htm">=</a> </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&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><a href="reference/text-orientation-011-ref.htm">=</a> </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&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-013-5.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-orientation-013.htm">text-orientation-013</a></strong></td>
|
|
<td><a href="reference/text-orientation-013-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text-orientation - sideways-left
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-orientation: sideways-left' causes text to be set as if in a horizontal layout, but rotated 90&deg;counter-clockwise, in vertical writing modes. It's effective to verify 1.block flow direction and 2.inline direction, but not effective to verify 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&#8216;sideways-right&#8217;in&#8216;vertical-rl&#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-015-5.1" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-orientation-015.htm">text-orientation-015</a></strong></td>
|
|
<td><a href="reference/text-orientation-015-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&#8216;sideways-left&#8217;in&#8216;vertical-lr&#8217;writing mode. This is effective to verify 1.block flow direction, 2.inline direction, but not effetive to verify 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><a href="reference/text-orientation-mixed-001-ref.htm">=</a> </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-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><a href="reference/text-orientation-sideways-right-001-ref.htm">=</a> </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-002-5.1" class="primary font image">
|
|
<td><strong>
|
|
<a href="text-orientation-sideways-002.htm">text-orientation-sideways-002</a></strong></td>
|
|
<td><a href="reference/text-orientation-sideways-left-001-ref.htm">=</a> </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-lr writing mode
|
|
<ul class="assert">
|
|
<li>This test checks that the same as [text-orientation: sideways-left], general horizontal text(include Japanese,etc) rotates 90 degrees counter-clockwise, and it is verified whether the characters are aligned in the vertical direction.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-sideways-left-001-5.1" class="primary font image">
|
|
<td><strong>
|
|
<a href="text-orientation-sideways-left-001.htm">text-orientation-sideways-left-001</a></strong></td>
|
|
<td><a href="reference/text-orientation-sideways-left-001-ref.htm">=</a> </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-left in vertical-rl writing mode
|
|
<ul class="assert">
|
|
<li>This test checks that a general horizontal text(include Japanese,etc) rotated 90 degrees counter-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><a href="reference/text-orientation-sideways-right-001-ref.htm">=</a> </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><a href="reference/text-orientation-upright-001-ref.htm">=</a> </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> |