mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
607 lines
No EOL
32 KiB
HTML
607 lines
No EOL
32 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>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 (47 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<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="https://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="https://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
|
|
<!-- 47 tests -->
|
|
<tr id="ch-unit-002-5.1" class="">
|
|
<td>
|
|
<a href="ch-unit-002.xht">ch-unit-002</a></td>
|
|
<td><a href="reference/ch-unit-002-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>the ch unit in vertical orientation
|
|
<ul class="assert">
|
|
<li>In vertical upright, the ch unit is equal to the used vertical advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="ic-unit-002-5.1" class="">
|
|
<td>
|
|
<a href="ic-unit-002.xht">ic-unit-002</a></td>
|
|
<td><a href="reference/ic-unit-002-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>the ic unit in vertical orientation
|
|
<ul class="assert">
|
|
<li>In vertical upright, the ic unit is equal to the used vertical advance measure of the &#27700; (CJK water ideograph, U+6C34) glyph found in the font used to render it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="ic-unit-003-5.1" class="">
|
|
<td>
|
|
<a href="ic-unit-003.xht">ic-unit-003</a></td>
|
|
<td><a href="reference/ic-unit-002-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>the ic unit in vertical orientation
|
|
<ul class="assert">
|
|
<li>In vertical mixed, the ic unit is equal to the used vertical advance measure of the &#27700; (CJK water ideograph, U+6C34) glyph found in the font used to render it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="ic-unit-004-5.1" class="">
|
|
<td>
|
|
<a href="ic-unit-004.xht">ic-unit-004</a></td>
|
|
<td><a href="reference/ic-unit-001-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>the ic unit in vertical orientation
|
|
<ul class="assert">
|
|
<li>In vertical sideways, the ic unit is equal to the used horizontal advance measure of the &#27700; (CJK water ideograph, U+6C34) glyph found in the font used to render it.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vlr-003-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td>
|
|
<td><a href="reference/table-progression-001-ref.xht">=</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 left to right and cells top-to-bottom when text-orientation is upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="table-progression-vlr-004-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td>
|
|
<td><a href="reference/table-progression-002-ref.xht">=</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-003-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td>
|
|
<td><a href="reference/table-progression-001-ref.xht">=</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-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td>
|
|
<td><a href="reference/table-progression-002-ref.xht">=</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="image">
|
|
<td>
|
|
<a href="text-orientation-010.xht">text-orientation-010</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</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. rotated 90&deg; clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-011-5.1" class="">
|
|
<td>
|
|
<a href="text-orientation-011.xht">text-orientation-011</a></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>text-orientation - upright
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts to be rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-012-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-012.xht">text-orientation-012</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>text-orientation - upright
|
|
<ul class="assert">
|
|
<li>This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts and from vertical scripts to be translated upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-016-5.1" class="ahem image">
|
|
<td>
|
|
<a href="text-orientation-016.xht">text-orientation-016</a></td>
|
|
<td><a href="reference/text-orientation-016-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>text-orientation - sideways
|
|
<ul class="assert">
|
|
<li>This test checks that sideways-oriented latin text is baseline-aligned alphabetically within the line box and not baseline-aligned centrally. This test uses exclusively 'p' and '&Eacute;' glyphs to verify this.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-mixed-slr-015-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-mixed-slr-015.xht">text-orientation-mixed-slr-015</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-mixed-srl-016-5.1" class="">
|
|
<td>
|
|
<a href="text-orientation-mixed-srl-016.xht">text-orientation-mixed-srl-016</a></td>
|
|
<td><a href="reference/text-orientation-mixed-srl-016-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline because the typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-mixed-vlr-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-mixed-vlr-100.xht">text-orientation-mixed-vlr-100</a></td>
|
|
<td><a href="reference/text-orientation-mixed-vlr-100-ref.xht">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>writing-mode: vertical-lr; text-orientation: mixed.
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-mixed-vrl-002-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-mixed-vrl-002.xht">text-orientation-mixed-vrl-002</a></td>
|
|
<td></td>
|
|
<td><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 when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-mixed-vrl-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-mixed-vrl-100.xht">text-orientation-mixed-vrl-100</a></td>
|
|
<td><a href="reference/text-orientation-mixed-vrl-100-ref.xht">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>writing-mode: vertical-rl; text-orientation: mixed.
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-parsing-001-5.1" class="primary dom script">
|
|
<td><strong>
|
|
<a href="text-orientation-parsing-001.xht">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-parsing-sideways-right-001-5.1" class="primary dom may script">
|
|
<td><strong>
|
|
<a href="text-orientation-parsing-sideways-right-001.xht">text-orientation-parsing-sideways-right-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="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="combo dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001.xht">text-orientation-script-001</a></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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001a.xht">text-orientation-script-001a</a></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/9, 2048 code points in U+0020-0B27).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#1/9, 2048 code points in U+0020-0B27)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001b-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001b.xht">text-orientation-script-001b</a></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/9, 2048 code points in U+0B28-1B07).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#2/9, 2048 code points in U+0B28-1B07)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001c-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001c.xht">text-orientation-script-001c</a></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/9, 2048 code points in U+1B08-2858).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#3/9, 2048 code points in U+1B08-2858)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001d-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001d.xht">text-orientation-script-001d</a></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/9, 2048 code points in U+2859-A81D).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#4/9, 2048 code points in U+2859-A81D)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001e-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001e.xht">text-orientation-script-001e</a></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/9, 2048 code points in U+A81E-101F7).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#5/9, 2048 code points in U+A81E-101F7)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001f-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001f.xht">text-orientation-script-001f</a></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/9, 2048 code points in U+101F8-11151).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#6/9, 2048 code points in U+101F8-11151)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001g-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001g.xht">text-orientation-script-001g</a></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/9, 2048 code points in U+11152-124FA).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#7/9, 2048 code points in U+11152-124FA)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001h-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001h.xht">text-orientation-script-001h</a></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/9, 2048 code points in U+124FB-1D7B2).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#8/9, 2048 code points in U+124FB-1D7B2)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001i-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001i.xht">text-orientation-script-001i</a></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 (#9/9, 652 code points in U+1D7B3-1F8AD).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=R (#9/9, 652 code points in U+1D7B3-1F8AD)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001j-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001j.xht">text-orientation-script-001j</a></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/6, 2048 code points in U+00A7-2ED3).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=U (#1/6, 2048 code points in U+00A7-2ED3)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001k-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001k.xht">text-orientation-script-001k</a></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/6, 2048 code points in U+2ED4-A37A).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=U (#2/6, 2048 code points in U+2ED4-A37A)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001l-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001l.xht">text-orientation-script-001l</a></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/6, 2048 code points in U+A37B-1338B).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=U (#3/6, 2048 code points in U+A37B-1338B)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001m-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001m.xht">text-orientation-script-001m</a></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/6, 2048 code points in U+1338C-1F0E1).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=U (#4/6, 2048 code points in U+1338C-1F0E1)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001n-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001n.xht">text-orientation-script-001n</a></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/6, 2048 code points in U+1F0E2-2F9EA).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=U (#5/6, 2048 code points in U+1F0E2-2F9EA)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001o-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001o.xht">text-orientation-script-001o</a></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 (#6/6, 51 code points in U+2F9EB-2FA1D).
|
|
<ul class="assert">
|
|
<li>Test orientation of characters where vo=U (#6/6, 51 code points in U+2F9EB-2FA1D)</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-script-001p-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001p.xht">text-orientation-script-001p</a></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-001q-5.1" class="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001q.xht">text-orientation-script-001q</a></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="font image">
|
|
<td>
|
|
<a href="text-orientation-sideways-001.xht">text-orientation-sideways-001</a></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 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-slr-019-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-sideways-slr-019.xht">text-orientation-sideways-slr-019</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: sideways' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-sideways-vlr-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-sideways-vlr-100.xht">text-orientation-sideways-vlr-100</a></td>
|
|
<td><a href="reference/text-orientation-sideways-vlr-100-ref.xht">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>writing-mode: vertical-lr; text-orientation: sideways.
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-sideways-vrl-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-sideways-vrl-100.xht">text-orientation-sideways-vrl-100</a></td>
|
|
<td><a href="reference/text-orientation-sideways-vrl-100-ref.xht">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>writing-mode: vertical-rl; text-orientation: sideways.
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-directionality-001-5.1" class="primary">
|
|
<td><strong>
|
|
<a href="text-orientation-upright-directionality-001.xht">text-orientation-upright-directionality-001</a></strong></td>
|
|
<td><a href="reference/text-orientation-upright-directionality-001-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>text-orientation:upright in sideways-* writing modes
|
|
<ul class="assert">
|
|
<li>text-orientation has no effect in horizontal typographic modes</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-slr-017-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-upright-slr-017.xht">text-orientation-upright-slr-017</a></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-srl-018-5.1" class="">
|
|
<td>
|
|
<a href="text-orientation-upright-srl-018.xht">text-orientation-upright-srl-018</a></td>
|
|
<td><a href="reference/text-orientation-mixed-srl-016-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect
|
|
<ul class="assert">
|
|
<li>This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees clockwise. The typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-vlr-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-upright-vlr-100.xht">text-orientation-upright-vlr-100</a></td>
|
|
<td><a href="reference/text-orientation-upright-vlr-100-ref.xht">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>writing-mode: vertical-lr; text-orientation: upright.
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-vrl-002-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-upright-vrl-002.xht">text-orientation-upright-vrl-002</a></td>
|
|
<td></td>
|
|
<td><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 latin alphabet characters are translated upright (and not rotated sideways).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-vrl-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-upright-vrl-100.xht">text-orientation-upright-vrl-100</a></td>
|
|
<td><a href="reference/text-orientation-upright-vrl-100-ref.xht">=</a> </td>
|
|
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>writing-mode: vertical-rl; text-orientation: upright.
|
|
</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.#valdef-text-orientation-mixed">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#valdef-text-orientation-sideways">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#valdef-text-orientation-sideways-right">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#valdef-text-orientation-upright">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.1.1">+</a>
|
|
<a href="https://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="https://www.w3.org/TR/css-writing-modes-3/#vertical-orientations">5.1.2 Mixed Vertical Orientations</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.1.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-writing-modes-3/#glyph-orientation">5.1.3 Obsolete: the SVG1.1 glyph-orientation-vertical property</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.3.#propdef-glyph-orientation-vertical">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |