mirror of
https://github.com/servo/servo.git
synced 2025-07-04 05:53:39 +01:00
519 lines
No EOL
28 KiB
HTML
519 lines
No EOL
28 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 (39 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="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>
|
|
<!-- 39 tests -->
|
|
<tr id="table-progression-vlr-003-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></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 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.htm">table-progression-vlr-004</a></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-003-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></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-5.1" class="">
|
|
<td>
|
|
<a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></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="text-orientation-010-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-010.htm">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.htm">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-016-5.1" class="ahem image">
|
|
<td>
|
|
<a href="text-orientation-016.htm">text-orientation-016</a></td>
|
|
<td><a href="reference/text-orientation-016-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>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.htm">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.htm">text-orientation-mixed-srl-016</a></td>
|
|
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</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.htm">text-orientation-mixed-vlr-100</a></td>
|
|
<td><a href="reference/text-orientation-mixed-vlr-100-ref.htm">=</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.htm">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) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). 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.htm">text-orientation-mixed-vrl-100</a></td>
|
|
<td><a href="reference/text-orientation-mixed-vrl-100-ref.htm">=</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.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-parsing-sideways-right-001-5.1" class="primary dom may script">
|
|
<td><strong>
|
|
<a href="text-orientation-parsing-sideways-right-001.htm">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.htm">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.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001b.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001c.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001d.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001e.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001f.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001g.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001h.htm">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/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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001i.htm">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=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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001j.htm">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 (#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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001k.htm">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 (#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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001l.htm">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 (#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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001m.htm">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 (#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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001n.htm">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=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="dom font script">
|
|
<td>
|
|
<a href="text-orientation-script-001o.htm">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=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.htm">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.htm">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.htm">text-orientation-sideways-vlr-100</a></td>
|
|
<td><a href="reference/text-orientation-sideways-vlr-100-ref.htm">=</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.htm">text-orientation-sideways-vrl-100</a></td>
|
|
<td><a href="reference/text-orientation-sideways-vrl-100-ref.htm">=</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-slr-017-5.1" class="image">
|
|
<td>
|
|
<a href="text-orientation-upright-slr-017.htm">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.htm">text-orientation-upright-srl-018</a></td>
|
|
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</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.htm">text-orientation-upright-vlr-100</a></td>
|
|
<td><a href="reference/text-orientation-upright-vlr-100-ref.htm">=</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.htm">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) and this test also verifies that the characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are also translated upright.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-orientation-upright-vrl-100-5.1" class="font">
|
|
<td>
|
|
<a href="text-orientation-upright-vrl-100.htm">text-orientation-upright-vrl-100</a></td>
|
|
<td><a href="reference/text-orientation-upright-vrl-100-ref.htm">=</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> |