mirror of
https://github.com/servo/servo.git
synced 2025-08-11 08:25:32 +01:00
Update CSS tests to revision c68e4df16362489debde94340cc6f54945a72f2f
This commit is contained in:
Ms2ger
parent
32efe41299
commit
53608a60a4
1543 changed files with 42190 additions and 14617 deletions
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Abstract Box Layout (494 tests)</h2>
|
||||
<h2>Abstract Box Layout (519 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
|
||||
<!-- 339 tests -->
|
||||
<!-- 355 tests -->
|
||||
<tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="abs-pos-non-replaced-icb-vlr-003.htm">abs-pos-non-replaced-icb-vlr-003</a></strong></td>
|
||||
|
|
@ -3469,6 +3469,138 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-003.htm">line-box-height-vlr-003</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-005.htm">line-box-height-vlr-005</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-007-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-007.htm">line-box-height-vlr-007</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-009-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-009.htm">line-box-height-vlr-009</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-011-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-011.htm">line-box-height-vlr-011</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-013-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-013.htm">line-box-height-vlr-013</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-002.htm">line-box-height-vrl-002</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-004.htm">line-box-height-vrl-004</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-006-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-006.htm">line-box-height-vrl-006</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-008-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-008.htm">line-box-height-vrl-008</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-010-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-010.htm">line-box-height-vrl-010</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-012-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-012.htm">line-box-height-vrl-012</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="margin-vlr-003-7.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="margin-vlr-003.htm">margin-vlr-003</a></strong></td>
|
||||
|
|
@ -3491,6 +3623,38 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-slr-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-slr-005.htm">outline-inline-slr-005</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline in sideways-lr writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-srl-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-srl-004.htm">outline-inline-srl-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline and sideways-rl writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-vlr-003.htm">outline-inline-vlr-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline in vertical-lr writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-vrl-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-vrl-002.htm">outline-inline-vrl-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline and vertical-rl writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="padding-vlr-005-7.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="padding-vlr-005.htm">padding-vlr-005</a></strong></td>
|
||||
|
|
@ -4681,7 +4845,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr>
|
||||
<!-- 35 tests -->
|
||||
<!-- 44 tests -->
|
||||
<tr id="text-decoration-sideways-vlr-003-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sideways-vlr-003.htm">text-decoration-sideways-vlr-003</a></strong></td>
|
||||
|
|
@ -4968,12 +5132,111 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-011-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-011.htm">vertical-alignment-vlr-011</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-013-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-013.htm">vertical-alignment-vlr-013</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-015-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-015.htm">vertical-alignment-vlr-015</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-017-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-017.htm">vertical-alignment-vlr-017</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-019-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-019.htm">vertical-alignment-vlr-019</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-021-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-021.htm">vertical-alignment-vlr-021</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-023-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-023.htm">vertical-alignment-vlr-023</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-025-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-025.htm">vertical-alignment-vlr-025</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-027-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-027.htm">vertical-alignment-vlr-027</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vrl-010-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vrl-010.htm">vertical-alignment-vrl-010</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -4984,7 +5247,7 @@
|
|||
<a href="vertical-alignment-vrl-012.htm">vertical-alignment-vrl-012</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -4995,7 +5258,7 @@
|
|||
<a href="vertical-alignment-vrl-014.htm">vertical-alignment-vrl-014</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -5006,7 +5269,7 @@
|
|||
<a href="vertical-alignment-vrl-016.htm">vertical-alignment-vrl-016</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5017,7 +5280,7 @@
|
|||
<a href="vertical-alignment-vrl-018.htm">vertical-alignment-vrl-018</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5028,7 +5291,7 @@
|
|||
<a href="vertical-alignment-vrl-020.htm">vertical-alignment-vrl-020</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5039,7 +5302,7 @@
|
|||
<a href="vertical-alignment-vrl-022.htm">vertical-alignment-vrl-022</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
|
|
@ -5050,9 +5313,9 @@
|
|||
<a href="vertical-alignment-vrl-024.htm">vertical-alignment-vrl-024</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -5061,9 +5324,9 @@
|
|||
<a href="vertical-alignment-vrl-026.htm">vertical-alignment-vrl-026</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vlr-003-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vlr-003-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vlr-007-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vlr-007-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vlr-011-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vlr-011-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vrl-002-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vrl-002-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vrl-006-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vrl-006-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vrl-010-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading">
|
||||
<link rel="match" href="reference/line-box-height-vrl-010-ref.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline in sideways-lr writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° counter-clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline and sideways-rl writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline in vertical-lr writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
|
|
@ -12,7 +13,7 @@
|
|||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
padding-left: 120px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -4680,6 +4680,102 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vlr-003.htm">line-box-height-vlr-003</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vlr-005.htm">line-box-height-vlr-005</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-007" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vlr-007.htm">line-box-height-vlr-007</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-009" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vlr-009.htm">line-box-height-vlr-009</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-011" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vlr-011.htm">line-box-height-vlr-011</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-013" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vlr-013.htm">line-box-height-vlr-013</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vrl-002.htm">line-box-height-vrl-002</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vrl-004.htm">line-box-height-vrl-004</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-006" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vrl-006.htm">line-box-height-vrl-006</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-008" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vrl-008.htm">line-box-height-vrl-008</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-010" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vrl-010.htm">line-box-height-vrl-010</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-012" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vrl-012.htm">line-box-height-vrl-012</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="margin-collapse-vlr-003" class="ahem image">
|
||||
<tr>
|
||||
<td rowspan="1" title="'vertical-lr' and margin collapsing - maximum of 2 adjoining margins">
|
||||
|
|
@ -5784,9 +5880,33 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vlr-023" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-lr writing-mode">
|
||||
<a href="vertical-alignment-vlr-023.htm">vertical-alignment-vlr-023</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vlr-025" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-lr writing-mode">
|
||||
<a href="vertical-alignment-vlr-025.htm">vertical-alignment-vlr-025</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vlr-027" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-lr writing-mode">
|
||||
<a href="vertical-alignment-vlr-027.htm">vertical-alignment-vlr-027</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vrl-022" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode">
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-rl writing-mode">
|
||||
<a href="vertical-alignment-vrl-022.htm">vertical-alignment-vrl-022</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
|
|
@ -5794,7 +5914,7 @@
|
|||
</tbody>
|
||||
<tbody id="vertical-alignment-vrl-024" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode">
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-rl writing-mode">
|
||||
<a href="vertical-alignment-vrl-024.htm">vertical-alignment-vrl-024</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
|
|
@ -5802,7 +5922,7 @@
|
|||
</tbody>
|
||||
<tbody id="vertical-alignment-vrl-026" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode">
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-rl writing-mode">
|
||||
<a href="vertical-alignment-vrl-026.htm">vertical-alignment-vrl-026</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
|
|
|
|||
|
|
@ -581,6 +581,18 @@ line-box-direction-017.htm == reference/block-flow-direction-001-ref.htm
|
|||
line-box-direction-018.htm == reference/block-flow-direction-001-ref.htm
|
||||
line-box-direction-019.htm == reference/block-flow-direction-001-ref.htm
|
||||
line-box-direction-020.htm == reference/block-flow-direction-001-ref.htm
|
||||
line-box-height-vlr-003.htm == reference/line-box-height-vlr-003-ref.htm
|
||||
line-box-height-vlr-005.htm == reference/line-box-height-vlr-003-ref.htm
|
||||
line-box-height-vlr-007.htm == reference/line-box-height-vlr-007-ref.htm
|
||||
line-box-height-vlr-009.htm == reference/line-box-height-vlr-007-ref.htm
|
||||
line-box-height-vlr-011.htm == reference/line-box-height-vlr-011-ref.htm
|
||||
line-box-height-vlr-013.htm == reference/line-box-height-vlr-011-ref.htm
|
||||
line-box-height-vrl-002.htm == reference/line-box-height-vrl-002-ref.htm
|
||||
line-box-height-vrl-004.htm == reference/line-box-height-vrl-002-ref.htm
|
||||
line-box-height-vrl-006.htm == reference/line-box-height-vrl-006-ref.htm
|
||||
line-box-height-vrl-008.htm == reference/line-box-height-vrl-006-ref.htm
|
||||
line-box-height-vrl-010.htm == reference/line-box-height-vrl-010-ref.htm
|
||||
line-box-height-vrl-012.htm == reference/line-box-height-vrl-010-ref.htm
|
||||
margin-collapse-vlr-003.htm == reference/ref-filled-green-100px-square.htm
|
||||
margin-collapse-vlr-009.htm == reference/ref-filled-green-100px-square.htm
|
||||
margin-collapse-vlr-011.htm == reference/ref-filled-green-100px-square.htm
|
||||
|
|
@ -719,6 +731,9 @@ vertical-alignment-006.htm == reference/vertical-alignment-006-ref.htm
|
|||
vertical-alignment-007.htm == reference/vertical-alignment-006-ref.htm
|
||||
vertical-alignment-008.htm == reference/vertical-alignment-008-ref.htm
|
||||
vertical-alignment-009.htm == reference/vertical-alignment-008-ref.htm
|
||||
vertical-alignment-vlr-023.htm == reference/vertical-alignment-vrl-022-ref.htm
|
||||
vertical-alignment-vlr-025.htm == reference/vertical-alignment-vrl-022-ref.htm
|
||||
vertical-alignment-vlr-027.htm == reference/vertical-alignment-vrl-026-ref.htm
|
||||
vertical-alignment-vrl-022.htm == reference/vertical-alignment-vrl-022-ref.htm
|
||||
vertical-alignment-vrl-024.htm == reference/vertical-alignment-vrl-022-ref.htm
|
||||
vertical-alignment-vrl-026.htm == reference/vertical-alignment-vrl-026-ref.htm
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
||||
Abstract Box Layout</a></th>
|
||||
<td>(494 Tests)</td></tr>
|
||||
<td>(519 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.htm">Chapter 8 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-mixed
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: super;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="lr-mixed">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-upright
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: super;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="lr-upright">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-sideways
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: super;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="lr-sideways">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-mixed
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: sub;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="lr-mixed">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-upright
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: sub;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="lr-upright">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-sideways
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: sub;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="lr-sideways">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.">
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-022-ref.htm">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-upright
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: 0.2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-upright">X<span>X</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-31 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.">
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-022-ref.htm">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-mixed
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: 0.2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-mixed">X<span>X</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.">
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-026-ref.htm">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
div#lr-sideways
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: 0.8em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-sideways">X<span>X</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.">
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="rl-mixed">X<span>X</span></div>
|
||||
<div id="rl-mixed">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.">
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="rl-upright">X<span>X</span></div>
|
||||
<div id="rl-upright">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.">
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="rl-sideways">X<span>X</span></div>
|
||||
<div id="rl-sideways">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="rl-mixed">X<span>X</span></div>
|
||||
<div id="rl-mixed">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="rl-upright">X<span>X</span></div>
|
||||
<div id="rl-upright">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="rl-sideways">X<span>X</span></div>
|
||||
<div id="rl-sideways">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.">
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-31 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.">
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-022-ref.htm">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.">
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.">
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-026-ref.htm">
|
||||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -1229,6 +1229,30 @@ html/line-box-direction-019.htm 85531d155283e10dc3b47ac2d21c82b585b86dae ?
|
|||
xhtml1/line-box-direction-019.xht 85531d155283e10dc3b47ac2d21c82b585b86dae ?
|
||||
html/line-box-direction-020.htm 49e2dd15614f0a9bb9835ad17b35e10ddf9d6270 ?
|
||||
xhtml1/line-box-direction-020.xht 49e2dd15614f0a9bb9835ad17b35e10ddf9d6270 ?
|
||||
html/line-box-height-vlr-003.htm 259671e58e36b19184004f050de2c537b7a1894b ?
|
||||
xhtml1/line-box-height-vlr-003.xht 259671e58e36b19184004f050de2c537b7a1894b ?
|
||||
html/line-box-height-vlr-005.htm cbc67a463940ff5ec5decb725bfeec62814b5752 ?
|
||||
xhtml1/line-box-height-vlr-005.xht cbc67a463940ff5ec5decb725bfeec62814b5752 ?
|
||||
html/line-box-height-vlr-007.htm ad191b4346c0cbb24fc7cc0a5f8c9e0cc926c2f4 ?
|
||||
xhtml1/line-box-height-vlr-007.xht ad191b4346c0cbb24fc7cc0a5f8c9e0cc926c2f4 ?
|
||||
html/line-box-height-vlr-009.htm bd5df8c249932e6fdfb4cfacc02084e6d3c86532 ?
|
||||
xhtml1/line-box-height-vlr-009.xht bd5df8c249932e6fdfb4cfacc02084e6d3c86532 ?
|
||||
html/line-box-height-vlr-011.htm aa6690497ef0a8a1add231a251cf489b80ce7ba6 ?
|
||||
xhtml1/line-box-height-vlr-011.xht aa6690497ef0a8a1add231a251cf489b80ce7ba6 ?
|
||||
html/line-box-height-vlr-013.htm 8711d934a91a1a1efabf6539b5909189757efd9a ?
|
||||
xhtml1/line-box-height-vlr-013.xht 8711d934a91a1a1efabf6539b5909189757efd9a ?
|
||||
html/line-box-height-vrl-002.htm 1a00417e8f74d820cd70fc5ed7752868750495ec ?
|
||||
xhtml1/line-box-height-vrl-002.xht 1a00417e8f74d820cd70fc5ed7752868750495ec ?
|
||||
html/line-box-height-vrl-004.htm e6879c456117b2c3ef67db7a625ea753d3cb95b5 ?
|
||||
xhtml1/line-box-height-vrl-004.xht e6879c456117b2c3ef67db7a625ea753d3cb95b5 ?
|
||||
html/line-box-height-vrl-006.htm 693c03b0850d29cd35b5d20305b9581f54f83928 ?
|
||||
xhtml1/line-box-height-vrl-006.xht 693c03b0850d29cd35b5d20305b9581f54f83928 ?
|
||||
html/line-box-height-vrl-008.htm 36c6c6f00dcadbab278d0b170de4213c35971606 ?
|
||||
xhtml1/line-box-height-vrl-008.xht 36c6c6f00dcadbab278d0b170de4213c35971606 ?
|
||||
html/line-box-height-vrl-010.htm 2f60427c35a4abf5dc9ddc7c47f628d4c225fe89 ?
|
||||
xhtml1/line-box-height-vrl-010.xht 2f60427c35a4abf5dc9ddc7c47f628d4c225fe89 ?
|
||||
html/line-box-height-vrl-012.htm e42b72f8b9295ee123752049d4423a9eeabc0b08 ?
|
||||
xhtml1/line-box-height-vrl-012.xht e42b72f8b9295ee123752049d4423a9eeabc0b08 ?
|
||||
html/margin-collapse-vlr-003.htm 17360ce7dfc9485ca0cafb9596f7d9b5a974de20 ?
|
||||
xhtml1/margin-collapse-vlr-003.xht 17360ce7dfc9485ca0cafb9596f7d9b5a974de20 ?
|
||||
html/margin-collapse-vlr-009.htm c219405819902980a7724034dbc5a83c95881fff ?
|
||||
|
|
@ -1323,6 +1347,14 @@ html/orthogonal-parent-shrink-to-fit-001w.htm 42a695a9c6f4336a806d7ee4cc4fee15c1
|
|||
xhtml1/orthogonal-parent-shrink-to-fit-001w.xht 42a695a9c6f4336a806d7ee4cc4fee15c1221e76 ?
|
||||
html/orthogonal-parent-shrink-to-fit-001x.htm 7cee4685013bbd4ae5c8d547e28661c88967e548 ?
|
||||
xhtml1/orthogonal-parent-shrink-to-fit-001x.xht 7cee4685013bbd4ae5c8d547e28661c88967e548 ?
|
||||
html/outline-inline-slr-005.htm feefed7bb113e47f3bbb347eec4dac1a3f9310ec ?
|
||||
xhtml1/outline-inline-slr-005.xht feefed7bb113e47f3bbb347eec4dac1a3f9310ec ?
|
||||
html/outline-inline-srl-004.htm 78586049cea376c528cb91f51fb496b83c9ad4d1 ?
|
||||
xhtml1/outline-inline-srl-004.xht 78586049cea376c528cb91f51fb496b83c9ad4d1 ?
|
||||
html/outline-inline-vlr-003.htm aa78e4d2270903852d387b3d25cc21a7af73d8a9 ?
|
||||
xhtml1/outline-inline-vlr-003.xht aa78e4d2270903852d387b3d25cc21a7af73d8a9 ?
|
||||
html/outline-inline-vrl-002.htm 74c5379d6fd8c46ca528d9f91df735b584cb9a55 ?
|
||||
xhtml1/outline-inline-vrl-002.xht 74c5379d6fd8c46ca528d9f91df735b584cb9a55 ?
|
||||
html/padding-vlr-005.htm 4c16042900e00793d562c3b4f5c39a3df16b1f95 ?
|
||||
xhtml1/padding-vlr-005.xht 4c16042900e00793d562c3b4f5c39a3df16b1f95 ?
|
||||
html/padding-vrl-004.htm 43a0740c77fa25671e5831c88555b884e75216ee ?
|
||||
|
|
@ -1665,24 +1697,42 @@ html/vertical-alignment-008.htm e59d282df581512d3263e9b22972d82c334db836 ?
|
|||
xhtml1/vertical-alignment-008.xht e59d282df581512d3263e9b22972d82c334db836 ?
|
||||
html/vertical-alignment-009.htm 5036b5e9d0d8ae513c39237eeddfbcb235f19871 ?
|
||||
xhtml1/vertical-alignment-009.xht 5036b5e9d0d8ae513c39237eeddfbcb235f19871 ?
|
||||
html/vertical-alignment-vrl-010.htm 18973d8b3c6da1ce07b81dd028a56c0e8bacb082 ?
|
||||
xhtml1/vertical-alignment-vrl-010.xht 18973d8b3c6da1ce07b81dd028a56c0e8bacb082 ?
|
||||
html/vertical-alignment-vrl-012.htm b2d02d2efefde1f56a277d0cd0ba65e11ae3097b ?
|
||||
xhtml1/vertical-alignment-vrl-012.xht b2d02d2efefde1f56a277d0cd0ba65e11ae3097b ?
|
||||
html/vertical-alignment-vrl-014.htm e9a0506f14e1eee7a4b05a9ea24ed230e5922bd2 ?
|
||||
xhtml1/vertical-alignment-vrl-014.xht e9a0506f14e1eee7a4b05a9ea24ed230e5922bd2 ?
|
||||
html/vertical-alignment-vrl-016.htm 82308fb56104b4d673b1d59c18e975f78fbdb3f1 ?
|
||||
xhtml1/vertical-alignment-vrl-016.xht 82308fb56104b4d673b1d59c18e975f78fbdb3f1 ?
|
||||
html/vertical-alignment-vrl-018.htm 7e7e14382efae5767eecdb45ff697dff5e54688d ?
|
||||
xhtml1/vertical-alignment-vrl-018.xht 7e7e14382efae5767eecdb45ff697dff5e54688d ?
|
||||
html/vertical-alignment-vrl-020.htm 015c20befc16f691e32515ac377698c473da65e5 ?
|
||||
xhtml1/vertical-alignment-vrl-020.xht 015c20befc16f691e32515ac377698c473da65e5 ?
|
||||
html/vertical-alignment-vrl-022.htm 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 ?
|
||||
xhtml1/vertical-alignment-vrl-022.xht 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 ?
|
||||
html/vertical-alignment-vrl-024.htm 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 ?
|
||||
xhtml1/vertical-alignment-vrl-024.xht 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 ?
|
||||
html/vertical-alignment-vrl-026.htm fd50bbc488c4ffc9891805e968e71507fdb4a317 ?
|
||||
xhtml1/vertical-alignment-vrl-026.xht fd50bbc488c4ffc9891805e968e71507fdb4a317 ?
|
||||
html/vertical-alignment-vlr-011.htm 78e3f6b7dd36f63f7e82061d7250706312744787 ?
|
||||
xhtml1/vertical-alignment-vlr-011.xht 78e3f6b7dd36f63f7e82061d7250706312744787 ?
|
||||
html/vertical-alignment-vlr-013.htm bb89530706003c8a4c4d8839bc865a76da1ecd84 ?
|
||||
xhtml1/vertical-alignment-vlr-013.xht bb89530706003c8a4c4d8839bc865a76da1ecd84 ?
|
||||
html/vertical-alignment-vlr-015.htm 84156e13cda0399324618b41d3c55bb53e029dc8 ?
|
||||
xhtml1/vertical-alignment-vlr-015.xht 84156e13cda0399324618b41d3c55bb53e029dc8 ?
|
||||
html/vertical-alignment-vlr-017.htm 7a8afdbbe359d8617d9566b711c40c1db1a17390 ?
|
||||
xhtml1/vertical-alignment-vlr-017.xht 7a8afdbbe359d8617d9566b711c40c1db1a17390 ?
|
||||
html/vertical-alignment-vlr-019.htm 54796aa8c66a8eea603a064b608a2af9e1d0c33f ?
|
||||
xhtml1/vertical-alignment-vlr-019.xht 54796aa8c66a8eea603a064b608a2af9e1d0c33f ?
|
||||
html/vertical-alignment-vlr-021.htm 71d2d1d97b8c13ba18dfe2040a9d3a2b9b89483a ?
|
||||
xhtml1/vertical-alignment-vlr-021.xht 71d2d1d97b8c13ba18dfe2040a9d3a2b9b89483a ?
|
||||
html/vertical-alignment-vlr-023.htm 6c20122ea1fdc4f58f9e6619ed078d5f2c2488cd ?
|
||||
xhtml1/vertical-alignment-vlr-023.xht 6c20122ea1fdc4f58f9e6619ed078d5f2c2488cd ?
|
||||
html/vertical-alignment-vlr-025.htm 3374e9a86046456110a5600581fc239fbcfca2dc ?
|
||||
xhtml1/vertical-alignment-vlr-025.xht 3374e9a86046456110a5600581fc239fbcfca2dc ?
|
||||
html/vertical-alignment-vlr-027.htm fb00a95349ad4e256707a2875665688e5e992c16 ?
|
||||
xhtml1/vertical-alignment-vlr-027.xht fb00a95349ad4e256707a2875665688e5e992c16 ?
|
||||
html/vertical-alignment-vrl-010.htm 6a62f4fe440de3892fa69129568eadc4c686e65a ?
|
||||
xhtml1/vertical-alignment-vrl-010.xht 6a62f4fe440de3892fa69129568eadc4c686e65a ?
|
||||
html/vertical-alignment-vrl-012.htm 05f95ff72883b77e481740c489472b139f4783e3 ?
|
||||
xhtml1/vertical-alignment-vrl-012.xht 05f95ff72883b77e481740c489472b139f4783e3 ?
|
||||
html/vertical-alignment-vrl-014.htm 8f0910348cdde33c5d035e999d60f24794c2936a ?
|
||||
xhtml1/vertical-alignment-vrl-014.xht 8f0910348cdde33c5d035e999d60f24794c2936a ?
|
||||
html/vertical-alignment-vrl-016.htm 1932f0a64832369d337be452ff0166c63a49af4d ?
|
||||
xhtml1/vertical-alignment-vrl-016.xht 1932f0a64832369d337be452ff0166c63a49af4d ?
|
||||
html/vertical-alignment-vrl-018.htm 46f62663eac6126ce9cdb1b1a89b738a289fd039 ?
|
||||
xhtml1/vertical-alignment-vrl-018.xht 46f62663eac6126ce9cdb1b1a89b738a289fd039 ?
|
||||
html/vertical-alignment-vrl-020.htm 7ceb3d16fa4efd750097c3be4ae82cce022fddc2 ?
|
||||
xhtml1/vertical-alignment-vrl-020.xht 7ceb3d16fa4efd750097c3be4ae82cce022fddc2 ?
|
||||
html/vertical-alignment-vrl-022.htm 58c25fbecc9b3ed93545ad769d757c7b60c7df87 ?
|
||||
xhtml1/vertical-alignment-vrl-022.xht 58c25fbecc9b3ed93545ad769d757c7b60c7df87 ?
|
||||
html/vertical-alignment-vrl-024.htm a8bae99e5f41d96c2941dd4add70b8086122a00b ?
|
||||
xhtml1/vertical-alignment-vrl-024.xht a8bae99e5f41d96c2941dd4add70b8086122a00b ?
|
||||
html/vertical-alignment-vrl-026.htm 88419ef9fd16f1a81ffd2342a914e4bccc3a1ed5 ?
|
||||
xhtml1/vertical-alignment-vrl-026.xht 88419ef9fd16f1a81ffd2342a914e4bccc3a1ed5 ?
|
||||
html/writing-mode-horizontal-001l.htm 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ?
|
||||
xhtml1/writing-mode-horizontal-001l.xht 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ?
|
||||
html/writing-mode-horizontal-001r.htm 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 ?
|
||||
|
|
|
|||
|
|
@ -612,6 +612,18 @@ line-box-direction-017 reference/block-flow-direction-001-ref table-caption and
|
|||
line-box-direction-018 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 14c9f8e9c6bc46db0837781f18284c9e16adfdcf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.
|
||||
line-box-direction-019 reference/block-flow-direction-001-ref list and 'vertical-rl' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 85531d155283e10dc3b47ac2d21c82b585b86dae `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
|
||||
line-box-direction-020 reference/block-flow-direction-001-ref list and 'vertical-lr' - ordering direction of line boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 49e2dd15614f0a9bb9835ad17b35e10ddf9d6270 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
|
||||
line-box-height-vlr-003 reference/line-box-height-vlr-003-ref line box height and border on non-replaced inline box (mixed) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 259671e58e36b19184004f050de2c537b7a1894b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
||||
line-box-height-vlr-005 reference/line-box-height-vlr-003-ref line box height and padding on non-replaced inline box (mixed) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height cbc67a463940ff5ec5decb725bfeec62814b5752 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
||||
line-box-height-vlr-007 reference/line-box-height-vlr-007-ref line box height and border on non-replaced inline box (sideways) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height ad191b4346c0cbb24fc7cc0a5f8c9e0cc926c2f4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
||||
line-box-height-vlr-009 reference/line-box-height-vlr-007-ref line box height and padding on non-replaced inline box (sideways) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height bd5df8c249932e6fdfb4cfacc02084e6d3c86532 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
||||
line-box-height-vlr-011 reference/line-box-height-vlr-011-ref line box height and border on non-replaced inline box (upright) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height aa6690497ef0a8a1add231a251cf489b80ce7ba6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
||||
line-box-height-vlr-013 reference/line-box-height-vlr-011-ref line box height and padding on non-replaced inline box (upright) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 8711d934a91a1a1efabf6539b5909189757efd9a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
||||
line-box-height-vrl-002 reference/line-box-height-vrl-002-ref line box height and border on non-replaced inline box (mixed) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 1a00417e8f74d820cd70fc5ed7752868750495ec `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
||||
line-box-height-vrl-004 reference/line-box-height-vrl-002-ref line box height and padding on non-replaced inline box (mixed) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height e6879c456117b2c3ef67db7a625ea753d3cb95b5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
||||
line-box-height-vrl-006 reference/line-box-height-vrl-006-ref line box height and border on non-replaced inline box (sideways) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 693c03b0850d29cd35b5d20305b9581f54f83928 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
||||
line-box-height-vrl-008 reference/line-box-height-vrl-006-ref line box height and padding on non-replaced inline box (sideways) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 36c6c6f00dcadbab278d0b170de4213c35971606 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
||||
line-box-height-vrl-010 reference/line-box-height-vrl-010-ref line box height and border on non-replaced inline box (upright) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height 2f60427c35a4abf5dc9ddc7c47f628d4c225fe89 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
|
||||
line-box-height-vrl-012 reference/line-box-height-vrl-010-ref line box height and padding on non-replaced inline box (upright) http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/CSS21/visudet.html#line-height e42b72f8b9295ee123752049d4423a9eeabc0b08 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
|
||||
margin-collapse-vlr-003 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - maximum of 2 adjoining margins ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 17360ce7dfc9485ca0cafb9596f7d9b5a974de20 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that margin-end and margin-start of adjacent blocks collapse into its maximum in 'vertical-lr' writing-mode.
|
||||
margin-collapse-vlr-009 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - adjoining margins of non-siblings or ancestors ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout c219405819902980a7724034dbc5a83c95881fff `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that adjoining margin-end and margin-start boxes generated by elements, that are not related by siblings or ancestors, collapse in 'vertical-lr' writing-mode.
|
||||
margin-collapse-vlr-011 reference/ref-filled-green-100px-square 'vertical-lr' and margin collapsing - floated elements do not collapse margins ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 285ed7143afc4ae1d12bd164fa64fbb8030965d7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that margin-end of floated box does not collapse with the margin-start of a preceding block box in 'vertical-lr' writing-mode.
|
||||
|
|
@ -659,6 +671,10 @@ orthogonal-parent-shrink-to-fit-001u Shrink-to-fit table-cell with a child of o
|
|||
orthogonal-parent-shrink-to-fit-001v Shrink-to-fit table-cell with a child of orthogonal inline in inline-block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 85976e84a05546df77e17c38ea94e8166b5ad54d `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit table-cell with a child of orthogonal inline in inline-block
|
||||
orthogonal-parent-shrink-to-fit-001w Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 42a695a9c6f4336a806d7ee4cc4fee15c1221e76 `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block
|
||||
orthogonal-parent-shrink-to-fit-001x Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 7cee4685013bbd4ae5c8d547e28661c88967e548 `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block
|
||||
outline-inline-slr-005 outline layout and non-replaced inline in sideways-lr writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines feefed7bb113e47f3bbb347eec4dac1a3f9310ec `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>
|
||||
outline-inline-srl-004 outline layout and non-replaced inline and sideways-rl writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 78586049cea376c528cb91f51fb496b83c9ad4d1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>
|
||||
outline-inline-vlr-003 outline layout and non-replaced inline in vertical-lr writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines aa78e4d2270903852d387b3d25cc21a7af73d8a9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>
|
||||
outline-inline-vrl-002 outline layout and non-replaced inline and vertical-rl writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 74c5379d6fd8c46ca528d9f91df735b584cb9a55 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>
|
||||
padding-vlr-005 reference/margin-vrl-002-ref padding in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 4c16042900e00793d562c3b4f5c39a3df16b1f95 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
|
||||
padding-vrl-004 reference/margin-vrl-002-ref padding in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 43a0740c77fa25671e5831c88555b884e75216ee `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
|
||||
page-flow-direction-002 'writing-mode: vertical-rl' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 517eb88ec0066fc5b6f14a1602fa5383364ecb3c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.
|
||||
|
|
@ -830,15 +846,24 @@ vertical-alignment-006 reference/vertical-alignment-006-ref vertical-align - 'te
|
|||
vertical-alignment-007 reference/vertical-alignment-006-ref vertical-align - 'text-bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 19a04070f2c744fb378ca9d3f5936bef1b205961 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.
|
||||
vertical-alignment-008 reference/vertical-alignment-008-ref vertical-align - 'bottom' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e59d282df581512d3263e9b22972d82c334db836 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.
|
||||
vertical-alignment-009 reference/vertical-alignment-008-ref vertical-align - 'bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5036b5e9d0d8ae513c39237eeddfbcb235f19871 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.
|
||||
vertical-alignment-vrl-010 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 18973d8b3c6da1ce07b81dd028a56c0e8bacb082 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vrl-012 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading b2d02d2efefde1f56a277d0cd0ba65e11ae3097b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vrl-014 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e9a0506f14e1eee7a4b05a9ea24ed230e5922bd2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vrl-016 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 82308fb56104b4d673b1d59c18e975f78fbdb3f1 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-018 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7e7e14382efae5767eecdb45ff697dff5e54688d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-020 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 015c20befc16f691e32515ac377698c473da65e5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading fd50bbc488c4ffc9891805e968e71507fdb4a317 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vlr-011 vertical-align - 'super' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 78e3f6b7dd36f63f7e82061d7250706312744787 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vlr-013 vertical-align - 'super' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading bb89530706003c8a4c4d8839bc865a76da1ecd84 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vlr-015 vertical-align - 'super' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 84156e13cda0399324618b41d3c55bb53e029dc8 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vlr-017 vertical-align - 'sub' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7a8afdbbe359d8617d9566b711c40c1db1a17390 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vlr-019 vertical-align - 'sub' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 54796aa8c66a8eea603a064b608a2af9e1d0c33f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vlr-021 vertical-align - 'sub' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 71d2d1d97b8c13ba18dfe2040a9d3a2b9b89483a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vlr-023 reference/vertical-alignment-vrl-022-ref vertical-align - 'middle' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 6c20122ea1fdc4f58f9e6619ed078d5f2c2488cd `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vlr-025 reference/vertical-alignment-vrl-022-ref vertical-align - 'middle' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 3374e9a86046456110a5600581fc239fbcfca2dc `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vlr-027 reference/vertical-alignment-vrl-026-ref vertical-align - 'middle' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading fb00a95349ad4e256707a2875665688e5e992c16 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-010 vertical-align - 'super' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 6a62f4fe440de3892fa69129568eadc4c686e65a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vrl-012 vertical-align - 'super' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 05f95ff72883b77e481740c489472b139f4783e3 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vrl-014 vertical-align - 'super' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 8f0910348cdde33c5d035e999d60f24794c2936a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
|
||||
vertical-alignment-vrl-016 vertical-align - 'sub' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 1932f0a64832369d337be452ff0166c63a49af4d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-018 vertical-align - 'sub' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 46f62663eac6126ce9cdb1b1a89b738a289fd039 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-020 vertical-align - 'sub' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7ceb3d16fa4efd750097c3be4ae82cce022fddc2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'middle' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 58c25fbecc9b3ed93545ad769d757c7b60c7df87 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'middle' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading a8bae99e5f41d96c2941dd4add70b8086122a00b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'middle' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 88419ef9fd16f1a81ffd2342a914e4bccc3a1ed5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.
|
||||
writing-mode-horizontal-001l reference/writing-mode-horizontal-001l-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes.
|
||||
writing-mode-horizontal-001r reference/writing-mode-horizontal-001r-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes.
|
||||
writing-mode-parsing-001 CSS Writing Modes: parsing writing-mode dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow c51a2ea776e89eab37f78a5005ad12f1f23f07b4 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode property.
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Abstract Box Layout (494 tests)</h2>
|
||||
<h2>Abstract Box Layout (519 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
|
||||
<!-- 339 tests -->
|
||||
<!-- 355 tests -->
|
||||
<tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="abs-pos-non-replaced-icb-vlr-003.xht">abs-pos-non-replaced-icb-vlr-003</a></strong></td>
|
||||
|
|
@ -3469,6 +3469,138 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-003.xht">line-box-height-vlr-003</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-005.xht">line-box-height-vlr-005</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-007-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-007.xht">line-box-height-vlr-007</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-009-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-009.xht">line-box-height-vlr-009</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-011-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-011.xht">line-box-height-vlr-011</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-013-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-013.xht">line-box-height-vlr-013</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-002.xht">line-box-height-vrl-002</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-004.xht">line-box-height-vrl-004</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-006-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-006.xht">line-box-height-vrl-006</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-008-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-008.xht">line-box-height-vrl-008</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-010-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-010.xht">line-box-height-vrl-010</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-012-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-012.xht">line-box-height-vrl-012</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="margin-vlr-003-7.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="margin-vlr-003.xht">margin-vlr-003</a></strong></td>
|
||||
|
|
@ -3491,6 +3623,38 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-slr-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-slr-005.xht">outline-inline-slr-005</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline in sideways-lr writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-srl-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-srl-004.xht">outline-inline-srl-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline and sideways-rl writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-vlr-003.xht">outline-inline-vlr-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline in vertical-lr writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-vrl-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-vrl-002.xht">outline-inline-vrl-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline and vertical-rl writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="padding-vlr-005-7.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="padding-vlr-005.xht">padding-vlr-005</a></strong></td>
|
||||
|
|
@ -4681,7 +4845,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr>
|
||||
<!-- 35 tests -->
|
||||
<!-- 44 tests -->
|
||||
<tr id="text-decoration-sideways-vlr-003-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sideways-vlr-003.xht">text-decoration-sideways-vlr-003</a></strong></td>
|
||||
|
|
@ -4968,12 +5132,111 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-011-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-011.xht">vertical-alignment-vlr-011</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-013-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-013.xht">vertical-alignment-vlr-013</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-015-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-015.xht">vertical-alignment-vlr-015</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-017-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-017.xht">vertical-alignment-vlr-017</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-019-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-019.xht">vertical-alignment-vlr-019</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-021-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-021.xht">vertical-alignment-vlr-021</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-023-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-023.xht">vertical-alignment-vlr-023</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-025-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-025.xht">vertical-alignment-vlr-025</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-027-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-027.xht">vertical-alignment-vlr-027</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vrl-010-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vrl-010.xht">vertical-alignment-vrl-010</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -4984,7 +5247,7 @@
|
|||
<a href="vertical-alignment-vrl-012.xht">vertical-alignment-vrl-012</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -4995,7 +5258,7 @@
|
|||
<a href="vertical-alignment-vrl-014.xht">vertical-alignment-vrl-014</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -5006,7 +5269,7 @@
|
|||
<a href="vertical-alignment-vrl-016.xht">vertical-alignment-vrl-016</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5017,7 +5280,7 @@
|
|||
<a href="vertical-alignment-vrl-018.xht">vertical-alignment-vrl-018</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5028,7 +5291,7 @@
|
|||
<a href="vertical-alignment-vrl-020.xht">vertical-alignment-vrl-020</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5039,7 +5302,7 @@
|
|||
<a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
|
|
@ -5050,9 +5313,9 @@
|
|||
<a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -5061,9 +5324,9 @@
|
|||
<a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-007-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-007-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-011-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-011-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vrl-002-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (mixed)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vrl-002-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vrl-006-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (sideways)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vrl-006-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vrl-010-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (upright)</title>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vrl-010-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline in sideways-lr writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° counter-clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline and sideways-rl writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline in vertical-lr writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
|
||||
<link rel="help" title="18.4 Dynamic outlines: the 'outline' property" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
outline: blue solid 2px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if a blue border neatly encloses the words "foo bar" which is inside a latin text rotated 90° clockwise.</p>
|
||||
|
||||
<div>Lorem ipsum dolor sit amet, <span>foo bar</span> consecteteur adipiscing elit urna elit.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
<div>123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,6 +3,7 @@
|
|||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
|
|
@ -12,7 +13,7 @@
|
|||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
padding-left: 120px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
|
|||
|
|
@ -4680,6 +4680,102 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vlr-003.xht">line-box-height-vlr-003</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vlr-005.xht">line-box-height-vlr-005</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-007" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vlr-007.xht">line-box-height-vlr-007</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-009" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vlr-009.xht">line-box-height-vlr-009</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-011" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vlr-011.xht">line-box-height-vlr-011</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vlr-013" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vlr-013.xht">line-box-height-vlr-013</a></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vrl-002.xht">line-box-height-vrl-002</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (mixed)">
|
||||
<a href="line-box-height-vrl-004.xht">line-box-height-vrl-004</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-006" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vrl-006.xht">line-box-height-vrl-006</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-008" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (sideways)">
|
||||
<a href="line-box-height-vrl-008.xht">line-box-height-vrl-008</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-010" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and border on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vrl-010.xht">line-box-height-vrl-010</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="line-box-height-vrl-012" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="line box height and padding on non-replaced inline box (upright)">
|
||||
<a href="line-box-height-vrl-012.xht">line-box-height-vrl-012</a></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="margin-collapse-vlr-003" class="ahem image">
|
||||
<tr>
|
||||
<td rowspan="1" title="'vertical-lr' and margin collapsing - maximum of 2 adjoining margins">
|
||||
|
|
@ -5784,9 +5880,33 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vlr-023" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-lr writing-mode">
|
||||
<a href="vertical-alignment-vlr-023.xht">vertical-alignment-vlr-023</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vlr-025" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-lr writing-mode">
|
||||
<a href="vertical-alignment-vlr-025.xht">vertical-alignment-vlr-025</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vlr-027" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-lr writing-mode">
|
||||
<a href="vertical-alignment-vlr-027.xht">vertical-alignment-vlr-027</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="vertical-alignment-vrl-022" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode">
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-rl writing-mode">
|
||||
<a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
|
|
@ -5794,7 +5914,7 @@
|
|||
</tbody>
|
||||
<tbody id="vertical-alignment-vrl-024" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode">
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-rl writing-mode">
|
||||
<a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
|
|
@ -5802,7 +5922,7 @@
|
|||
</tbody>
|
||||
<tbody id="vertical-alignment-vrl-026" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode">
|
||||
<td rowspan="1" title="vertical-align - 'middle' and vertical-rl writing-mode">
|
||||
<a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
|
|
|
|||
|
|
@ -581,6 +581,18 @@ line-box-direction-017.xht == reference/block-flow-direction-001-ref.xht
|
|||
line-box-direction-018.xht == reference/block-flow-direction-001-ref.xht
|
||||
line-box-direction-019.xht == reference/block-flow-direction-001-ref.xht
|
||||
line-box-direction-020.xht == reference/block-flow-direction-001-ref.xht
|
||||
line-box-height-vlr-003.xht == reference/line-box-height-vlr-003-ref.xht
|
||||
line-box-height-vlr-005.xht == reference/line-box-height-vlr-003-ref.xht
|
||||
line-box-height-vlr-007.xht == reference/line-box-height-vlr-007-ref.xht
|
||||
line-box-height-vlr-009.xht == reference/line-box-height-vlr-007-ref.xht
|
||||
line-box-height-vlr-011.xht == reference/line-box-height-vlr-011-ref.xht
|
||||
line-box-height-vlr-013.xht == reference/line-box-height-vlr-011-ref.xht
|
||||
line-box-height-vrl-002.xht == reference/line-box-height-vrl-002-ref.xht
|
||||
line-box-height-vrl-004.xht == reference/line-box-height-vrl-002-ref.xht
|
||||
line-box-height-vrl-006.xht == reference/line-box-height-vrl-006-ref.xht
|
||||
line-box-height-vrl-008.xht == reference/line-box-height-vrl-006-ref.xht
|
||||
line-box-height-vrl-010.xht == reference/line-box-height-vrl-010-ref.xht
|
||||
line-box-height-vrl-012.xht == reference/line-box-height-vrl-010-ref.xht
|
||||
margin-collapse-vlr-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
margin-collapse-vlr-009.xht == reference/ref-filled-green-100px-square.xht
|
||||
margin-collapse-vlr-011.xht == reference/ref-filled-green-100px-square.xht
|
||||
|
|
@ -719,6 +731,9 @@ vertical-alignment-006.xht == reference/vertical-alignment-006-ref.xht
|
|||
vertical-alignment-007.xht == reference/vertical-alignment-006-ref.xht
|
||||
vertical-alignment-008.xht == reference/vertical-alignment-008-ref.xht
|
||||
vertical-alignment-009.xht == reference/vertical-alignment-008-ref.xht
|
||||
vertical-alignment-vlr-023.xht == reference/vertical-alignment-vrl-022-ref.xht
|
||||
vertical-alignment-vlr-025.xht == reference/vertical-alignment-vrl-022-ref.xht
|
||||
vertical-alignment-vlr-027.xht == reference/vertical-alignment-vrl-026-ref.xht
|
||||
vertical-alignment-vrl-022.xht == reference/vertical-alignment-vrl-022-ref.xht
|
||||
vertical-alignment-vrl-024.xht == reference/vertical-alignment-vrl-022-ref.xht
|
||||
vertical-alignment-vrl-026.xht == reference/vertical-alignment-vrl-026-ref.xht
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.xht">Chapter 7 -
|
||||
Abstract Box Layout</a></th>
|
||||
<td>(494 Tests)</td></tr>
|
||||
<td>(519 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s8">
|
||||
<tr><th><a href="chapter-8.xht">Chapter 8 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-mixed
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: super;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="lr-mixed">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-upright
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: super;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="lr-upright">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-sideways
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: super;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="lr-sideways">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-mixed
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: sub;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="lr-mixed">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-upright
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: sub;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="lr-upright">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-sideways
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
color: orange;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
vertical-align: sub;
|
||||
color: blue;
|
||||
margin-top: -1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="lr-sideways">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." />
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-upright
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: 0.2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-upright">X<span>X</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-31 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." />
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-mixed
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: 0.2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-mixed">X<span>X</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-lr writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-29 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent." />
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-026-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div#lr-sideways
|
||||
{
|
||||
writing-mode: vertical-lr;
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: 0.8em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="lr-sideways">X<span>X</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right." />
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="rl-mixed">X<span>X</span></div>
|
||||
<div id="rl-mixed">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right." />
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="rl-upright">X<span>X</span></div>
|
||||
<div id="rl-upright">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'super' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right." />
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p>
|
||||
|
||||
<div id="rl-sideways">X<span>X</span></div>
|
||||
<div id="rl-sideways">X<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." />
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="rl-mixed">X<span>X</span></div>
|
||||
<div id="rl-mixed">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." />
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="rl-upright">X<span>X</span></div>
|
||||
<div id="rl-upright">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'sub' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." />
|
||||
|
|
@ -30,7 +31,7 @@
|
|||
|
||||
<p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p>
|
||||
|
||||
<div id="rl-sideways">X<span>X</span></div>
|
||||
<div id="rl-sideways">O<span>2</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." />
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-31 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." />
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title>
|
||||
<title>CSS Writing Modes Test: vertical-align - 'middle' and vertical-rl writing-mode</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-10-26 -->
|
||||
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" />
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." />
|
||||
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent." />
|
||||
<link rel="match" href="reference/vertical-alignment-vrl-026-ref.xht" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Abstract Box Layout (494 tests)</h2>
|
||||
<h2>Abstract Box Layout (519 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
|
||||
<!-- 339 tests -->
|
||||
<!-- 355 tests -->
|
||||
<tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="abs-pos-non-replaced-icb-vlr-003.xht">abs-pos-non-replaced-icb-vlr-003</a></strong></td>
|
||||
|
|
@ -3469,6 +3469,138 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-003.xht">line-box-height-vlr-003</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-005.xht">line-box-height-vlr-005</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-003-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-007-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-007.xht">line-box-height-vlr-007</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-009-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-009.xht">line-box-height-vlr-009</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-007-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-011-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-011.xht">line-box-height-vlr-011</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vlr-013-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vlr-013.xht">line-box-height-vlr-013</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vlr-011-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-002.xht">line-box-height-vrl-002</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-004.xht">line-box-height-vrl-004</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-002-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (mixed)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-006-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-006.xht">line-box-height-vrl-006</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-008-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-008.xht">line-box-height-vrl-008</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-006-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (sideways)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-010-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-010.xht">line-box-height-vrl-010</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and border on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="line-box-height-vrl-012-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="line-box-height-vrl-012.xht">line-box-height-vrl-012</a></strong></td>
|
||||
<td><a href="reference/line-box-height-vrl-010-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>line box height and padding on non-replaced inline box (upright)
|
||||
<ul class="assert">
|
||||
<li>This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="margin-vlr-003-7.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="margin-vlr-003.xht">margin-vlr-003</a></strong></td>
|
||||
|
|
@ -3491,6 +3623,38 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-slr-005-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-slr-005.xht">outline-inline-slr-005</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline in sideways-lr writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-srl-004-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-srl-004.xht">outline-inline-srl-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline and sideways-rl writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-vlr-003-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-vlr-003.xht">outline-inline-vlr-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline in vertical-lr writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="outline-inline-vrl-002-7.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="outline-inline-vrl-002.xht">outline-inline-vrl-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>outline layout and non-replaced inline and vertical-rl writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="padding-vlr-005-7.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="padding-vlr-005.xht">padding-vlr-005</a></strong></td>
|
||||
|
|
@ -4681,7 +4845,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr>
|
||||
<!-- 35 tests -->
|
||||
<!-- 44 tests -->
|
||||
<tr id="text-decoration-sideways-vlr-003-7.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-decoration-sideways-vlr-003.xht">text-decoration-sideways-vlr-003</a></strong></td>
|
||||
|
|
@ -4968,12 +5132,111 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-011-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-011.xht">vertical-alignment-vlr-011</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-013-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-013.xht">vertical-alignment-vlr-013</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-015-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-015.xht">vertical-alignment-vlr-015</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'super' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-017-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-017.xht">vertical-alignment-vlr-017</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-019-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-019.xht">vertical-alignment-vlr-019</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-021-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-021.xht">vertical-alignment-vlr-021</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'sub' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-023-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-023.xht">vertical-alignment-vlr-023</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-025-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-025.xht">vertical-alignment-vlr-025</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vlr-027-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vlr-027.xht">vertical-alignment-vlr-027</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'middle' and vertical-lr writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vertical-alignment-vrl-010-7.5" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="vertical-alignment-vrl-010.xht">vertical-alignment-vrl-010</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -4984,7 +5247,7 @@
|
|||
<a href="vertical-alignment-vrl-012.xht">vertical-alignment-vrl-012</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -4995,7 +5258,7 @@
|
|||
<a href="vertical-alignment-vrl-014.xht">vertical-alignment-vrl-014</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'super' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li>
|
||||
</ul>
|
||||
|
|
@ -5006,7 +5269,7 @@
|
|||
<a href="vertical-alignment-vrl-016.xht">vertical-alignment-vrl-016</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5017,7 +5280,7 @@
|
|||
<a href="vertical-alignment-vrl-018.xht">vertical-alignment-vrl-018</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5028,7 +5291,7 @@
|
|||
<a href="vertical-alignment-vrl-020.xht">vertical-alignment-vrl-020</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'sub' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li>
|
||||
</ul>
|
||||
|
|
@ -5039,7 +5302,7 @@
|
|||
<a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
|
|
@ -5050,9 +5313,9 @@
|
|||
<a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -5061,9 +5324,9 @@
|
|||
<a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></strong></td>
|
||||
<td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-align - 'top' and vertical-rl writing-mode
|
||||
<td>vertical-align - 'middle' and vertical-rl writing-mode
|
||||
<ul class="assert">
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li>
|
||||
<li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (mixed)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test line-box-height-vlr-003"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (mixed)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test line-box-height-vlr-005"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (sideways)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test line-box-height-vlr-007"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-007-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and padding on non-replaced inline box (sideways)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test line-box-height-vlr-009"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-007-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
||||
span#padding-left
|
||||
{
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
span#padding-right
|
||||
{
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="padding-left">34</span><span id="padding-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Writing Modes Test: line box height and border on non-replaced inline box (upright)</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test line-box-height-vlr-011"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://mxr.mozilla.org/mozilla-central/source/layout/reftests/writing-mode/1130907-intrinsic-sizing-2.html
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="reference/line-box-height-vlr-011-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body
|
||||
{
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border: blue solid 2px;
|
||||
font-size: 32px;
|
||||
margin: 1em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
||||
span#border-left
|
||||
{
|
||||
border-left: 1.5em solid transparent;
|
||||
}
|
||||
|
||||
span#border-right
|
||||
{
|
||||
border-right: 1.5em solid transparent;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
|
||||
|
||||
<div id="test">12<span id="border-left">34</span><span id="border-right">56</span></div>
|
||||
|
||||
<div id="reference">123456</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue