mirror of
https://github.com/servo/servo.git
synced 2025-10-09 21:10:19 +01:00
848 lines
No EOL
54 KiB
HTML
848 lines
No EOL
54 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>Inline-level Alignment - 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>Inline-level Alignment (70 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="s4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#inline-alignment">4 Inline-level Alignment</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.1">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#intro-baselines">4.1 Introduction to Baselines</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.1.#baseline">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.1.#baseline-table">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.2">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr>
|
|
<!-- 12 tests -->
|
|
<tr id="central-baseline-alignment-002-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td>
|
|
<td><a href="reference/central-baseline-alignment-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>central baseline-alignment of text with 'text-orientation: upright' (vertical-rl)
|
|
<ul class="assert">
|
|
<li>This test checks that the central baseline is used as the dominant baseline when 'text-orientation' is 'upright' in vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="central-baseline-alignment-003-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="central-baseline-alignment-003.xht">central-baseline-alignment-003</a></strong></td>
|
|
<td><a href="reference/central-baseline-alignment-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>central baseline-alignment of text with 'text-orientation: upright' (vertical-lr)
|
|
<ul class="assert">
|
|
<li>This test checks that the central baseline is used as the dominant baseline when 'text-orientation' is 'upright' in vertical writing-mode.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-002-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-002.xht">text-baseline-002</a></strong></td>
|
|
<td><a href="reference/text-baseline-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-003-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-003.xht">text-baseline-003</a></strong></td>
|
|
<td><a href="reference/text-baseline-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-004-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-004.xht">text-baseline-004</a></strong></td>
|
|
<td><a href="reference/text-baseline-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-005-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-005.xht">text-baseline-005</a></strong></td>
|
|
<td><a href="reference/text-baseline-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-006-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-006.xht">text-baseline-006</a></strong></td>
|
|
<td><a href="reference/text-baseline-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-007-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-007.xht">text-baseline-007</a></strong></td>
|
|
<td><a href="reference/text-baseline-007-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-008-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-008.xht">text-baseline-008</a></strong></td>
|
|
<td><a href="reference/text-baseline-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-009-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-009.xht">text-baseline-009</a></strong></td>
|
|
<td><a href="reference/text-baseline-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-010-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-010.xht">text-baseline-010</a></strong></td>
|
|
<td><a href="reference/text-baseline-007-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-baseline-011-4.2" class="primary ahem">
|
|
<td><strong>
|
|
<a href="text-baseline-011.xht">text-baseline-011</a></strong></td>
|
|
<td><a href="reference/text-baseline-007-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.2.#alphabetic-baseline">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.2.#central-baseline">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s4.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.3">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr>
|
|
<!-- 22 tests -->
|
|
<tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="baseline-inline-non-replaced-002.xht">baseline-inline-non-replaced-002</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>baseline-alignment of empty non-replaced inline-block element and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="baseline-inline-non-replaced-003-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="baseline-inline-non-replaced-003.xht">baseline-inline-non-replaced-003</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>baseline-alignment of empty non-replaced inline-block element and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that the baseline-alignment of an empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="baseline-inline-non-replaced-004-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="baseline-inline-non-replaced-004.xht">baseline-inline-non-replaced-004</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="baseline-inline-non-replaced-005-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="baseline-inline-non-replaced-005.xht">baseline-inline-non-replaced-005</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that the baseline-alignment of a non-empty inline-block box in the line box with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="baseline-inline-replaced-002-4.3" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="baseline-inline-replaced-002.xht">baseline-inline-replaced-002</a></strong></td>
|
|
<td><a href="reference/baseline-inline-replaced-002-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>baseline-alignment of inline replaced element and 'vertical-rl'
|
|
<ul class="assert">
|
|
<li>This test checks that the baseline-alignment of an image in the line box of a block with 'writing-mode' set to 'vertical-rl' is 'central' and not 'alphabetic'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="baseline-inline-replaced-003-4.3" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="baseline-inline-replaced-003.xht">baseline-inline-replaced-003</a></strong></td>
|
|
<td><a href="reference/baseline-inline-replaced-002-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>baseline-alignment of inline replaced element and 'vertical-lr'
|
|
<ul class="assert">
|
|
<li>This test checks that the baseline-alignment of an image in the line box of a block with 'writing-mode' set to 'vertical-lr' is 'central' and not 'alphabetic'.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-002-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-002.xht">inline-block-alignment-002</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-003-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-003.xht">inline-block-alignment-003</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-003-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-004-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-004.xht">inline-block-alignment-004</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-005-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-005.xht">inline-block-alignment-005</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-003-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline-block alignment - central alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-006-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-006.xht">inline-block-alignment-006</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline block alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-007-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-007.xht">inline-block-alignment-007</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline block alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-008-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline block alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-009-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-009.xht">inline-block-alignment-009</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-009-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline block alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-010-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-010.xht">inline-block-alignment-010</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-010-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline block alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-011-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-011.xht">inline-block-alignment-011</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>inline block alignment - alphabetical alignment with vertical layout
|
|
<ul class="assert">
|
|
<li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-left', then the alphabetical baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-orthogonal-vlr-003.xht">inline-block-alignment-orthogonal-vlr-003</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment of inline-block in orthogonal flow
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-orthogonal-vlr-005-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-orthogonal-vlr-005.xht">inline-block-alignment-orthogonal-vlr-005</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment of inline-block in orthogonal flow
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-orthogonal-vrl-002-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-orthogonal-vrl-002.xht">inline-block-alignment-orthogonal-vrl-002</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment of inline-block in orthogonal flow
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-block-alignment-orthogonal-vrl-004-4.3" class="primary ahem">
|
|
<td><strong>
|
|
<a href="inline-block-alignment-orthogonal-vrl-004.xht">inline-block-alignment-orthogonal-vrl-004</a></strong></td>
|
|
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text baseline alignment of inline-block in orthogonal flow
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-replaced-vlr-005-4.3" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="inline-replaced-vlr-005.xht">inline-replaced-vlr-005</a></strong></td>
|
|
<td><a href="reference/inline-replaced-vrl-004-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>inline replaced element and 'vertical-lr' (advanced)
|
|
<ul class="assert">
|
|
<li>This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from left to right.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="inline-replaced-vrl-004-4.3" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="inline-replaced-vrl-004.xht">inline-replaced-vrl-004</a></strong></td>
|
|
<td><a href="reference/inline-replaced-vrl-004-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>inline replaced element and 'vertical-rl' (advanced)
|
|
<ul class="assert">
|
|
<li>This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from right to left.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.4">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s4.4">+</a>
|
|
<a href="http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment">4.4 Baseline Alignment</a></th></tr>
|
|
<!-- 36 tests -->
|
|
<tr id="vertical-alignment-002a-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-002a.xht">vertical-alignment-002a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'baseline' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-002b-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-002b.xht">vertical-alignment-002b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'baseline' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-003a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-003a.xht">vertical-alignment-003a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'baseline' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-003b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-003b.xht">vertical-alignment-003b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'baseline' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-005a-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-005a.xht">vertical-alignment-005a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'sub' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-005b-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-005b.xht">vertical-alignment-005b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'sub' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-008a-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-008a.xht">vertical-alignment-008a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'super' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-008b-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-008b.xht">vertical-alignment-008b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'super' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-011a-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-011a.xht">vertical-alignment-011a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero length (0em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-011b-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-011b.xht">vertical-alignment-011b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero length (0em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-012l-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-012l.xht">vertical-alignment-012l</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero length (0em)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-012r-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-012r.xht">vertical-alignment-012r</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero length (0em)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-014a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-014a.xht">vertical-alignment-014a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-014b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-014b.xht">vertical-alignment-014b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-015a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-015a.xht">vertical-alignment-015a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive length (0.5em)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-015b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-015b.xht">vertical-alignment-015b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive length (0.5em)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-017a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-017a.xht">vertical-alignment-017a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative length (-0.2em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-017b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-017b.xht">vertical-alignment-017b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative length (-0.2em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-018a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-018a.xht">vertical-alignment-018a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative length (-0.5em)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-018b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-018b.xht">vertical-alignment-018b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative length (-0.5em)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-020a-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-020a.xht">vertical-alignment-020a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero percentage (0%)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-020b-4.4" class="primary image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-020b.xht">vertical-alignment-020b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero percentage (0%)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-021a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-021a.xht">vertical-alignment-021a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero percentage (0%)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-021b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-021b.xht">vertical-alignment-021b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'zero percentage (0%)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-023a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-023a.xht">vertical-alignment-023a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive length (0.8em)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-023b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-023b.xht">vertical-alignment-023b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive percentage (80%)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-024a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-024a.xht">vertical-alignment-024a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive percentage (50%)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-024b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-024b.xht">vertical-alignment-024b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'positive percentage (50%)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-026a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-026a.xht">vertical-alignment-026a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative percentage (-20%)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-026b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-026b.xht">vertical-alignment-026b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative length (-20%)' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'sideways-left', 'sideways-right' or 'sideways', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-027a-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-027a.xht">vertical-alignment-027a</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative percentage (-50%)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-027b-4.4" class="primary ahem image">
|
|
<td><strong>
|
|
<a href="vertical-alignment-027b.xht">vertical-alignment-027b</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
|
<td>vertical align - 'negative percentage (-50%)' (central baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the generation of text baseline with vertical align property. When 'writing-mode' is vertical and when 'text-orientation' is 'mixed', 'upright' or 'use-glyph-orientation', then the central baseline is used as the dominant baseline.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-new-002-4.4" class="primary ahem">
|
|
<td><strong>
|
|
<a href="vertical-alignment-new-002.xht">vertical-alignment-new-002</a></strong></td>
|
|
<td><a href="reference/vertical-alignment-new-002-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical align - 'baseline' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the right edge of inline-box attaches the top of line-box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-new-004-4.4" class="primary ahem">
|
|
<td><strong>
|
|
<a href="vertical-alignment-new-004.xht">vertical-alignment-new-004</a></strong></td>
|
|
<td><a href="reference/vertical-alignment-new-004-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical align - 'baseline' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-top', the right edge of inline-box aligned with the top of parent inline-box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-new-006-4.4" class="primary ahem">
|
|
<td><strong>
|
|
<a href="vertical-alignment-new-006.xht">vertical-alignment-new-006</a></strong></td>
|
|
<td><a href="reference/vertical-alignment-new-006-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical align - 'baseline' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the left edge of inline-box aligned with the bottom of parent inline-box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="vertical-alignment-new-008-4.4" class="primary ahem">
|
|
<td><strong>
|
|
<a href="vertical-alignment-new-008.xht">vertical-alignment-new-008</a></strong></td>
|
|
<td><a href="reference/vertical-alignment-new-008-ref.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>vertical align - 'baseline' (alphabetical baseline with vertical layout)
|
|
<ul class="assert">
|
|
<li>This test checks the position of inline box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the left edge of inline-box attaches the bottom of line-box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s4.4.#dominant-baseline">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |