mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6
This commit is contained in:
Ms2ger
parent
40c52d55e2
commit
349c75536d
7391 changed files with 304135 additions and 153491 deletions
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Introduction to Vertical Text (19 tests)</h2>
|
||||
<h2>Introduction to Vertical Text (31 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-intro">3 Introduction to Vertical Text</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#vertical-intro">3 Introduction to Vertical Text</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.#fig-mac">
|
||||
|
|
@ -39,11 +39,11 @@
|
|||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#block-flow">3.1 Block Flow Direction: the writing-mode property</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="block-flow-direction-vrl-026-3.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="block-flow-direction-vrl-026.htm">block-flow-direction-vrl-026</a></strong></td>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#block-flow">3.1 Block Flow Direction: the writing-mode property</a></th></tr>
|
||||
<!-- 16 tests -->
|
||||
<tr id="block-flow-direction-vrl-026-3.1" class="ahem">
|
||||
<td>
|
||||
<a href="block-flow-direction-vrl-026.htm">block-flow-direction-vrl-026</a></td>
|
||||
<td><a href="reference/block-flow-direction-vrl-026-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>vertical-rl - block flow direction of block-level boxes
|
||||
|
|
@ -52,6 +52,138 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-slr-001-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-slr-001.htm">table-progression-slr-001</a></td>
|
||||
<td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>sideways-lr Table Row/Rowgroup/Cell Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-slr-002-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-slr-002.htm">table-progression-slr-002</a></td>
|
||||
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>sideways-lr Table Column/Colgroup Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-srl-001-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-srl-001.htm">table-progression-srl-001</a></td>
|
||||
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>sideways-rl Table Row/Rowgroup/Cell Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-srl-002-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-srl-002.htm">table-progression-srl-002</a></td>
|
||||
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>sideways-rl Table Column/Colgroup Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vlr-001-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></td>
|
||||
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-lr Table Row/Rowgroup/Cell Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vlr-002-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vlr-002.htm">table-progression-vlr-002</a></td>
|
||||
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-lr Table Column/Colgroup Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vlr-003-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></td>
|
||||
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vlr-004-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vlr-004.htm">table-progression-vlr-004</a></td>
|
||||
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-lr upright orientation Table Column/Colgroup Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vrl-001-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vrl-001.htm">table-progression-vrl-001</a></td>
|
||||
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-rl Table Row/Rowgroup/Cell Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vrl-002-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vrl-002.htm">table-progression-vrl-002</a></td>
|
||||
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-rl Table Column/Colgroup Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vrl-003-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></td>
|
||||
<td><a href="reference/table-progression-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-progression-vrl-004-3.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></td>
|
||||
<td><a href="reference/table-progression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>vertical-rl upright orientation Table Column/Colgroup Ordering
|
||||
<ul class="assert">
|
||||
<li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-parsing-001-3.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="writing-mode-parsing-001.htm">writing-mode-parsing-001</a></strong></td>
|
||||
|
|
@ -212,25 +344,25 @@
|
|||
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-vertical-lr-002-3.1.#propdef-writing-mode" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="writing-mode-vertical-lr-002.htm">writing-mode-vertical-lr-002</a></strong></td>
|
||||
<tr id="writing-mode-vertical-lr-002-3.1.#propdef-writing-mode" class="ahem">
|
||||
<td>
|
||||
<a href="writing-mode-vertical-lr-002.htm">writing-mode-vertical-lr-002</a></td>
|
||||
<td><a href="reference/writing-mode-vertical-lr-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>writing-mode: vertical-lr - basic inline case
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-vertical-rl-001-3.1.#propdef-writing-mode" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="writing-mode-vertical-rl-001.htm">writing-mode-vertical-rl-001</a></strong></td>
|
||||
<tr id="writing-mode-vertical-rl-001-3.1.#propdef-writing-mode" class="ahem">
|
||||
<td>
|
||||
<a href="writing-mode-vertical-rl-001.htm">writing-mode-vertical-rl-001</a></td>
|
||||
<td><a href="reference/writing-mode-vertical-rl-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>writing-mode: vertical-rl - basic inline case
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-vertical-rl-002-3.1.#propdef-writing-mode" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="writing-mode-vertical-rl-002.htm">writing-mode-vertical-rl-002</a></strong></td>
|
||||
<tr id="writing-mode-vertical-rl-002-3.1.#propdef-writing-mode" class="ahem">
|
||||
<td>
|
||||
<a href="writing-mode-vertical-rl-002.htm">writing-mode-vertical-rl-002</a></td>
|
||||
<td><a href="reference/writing-mode-vertical-rl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>writing-mode: vertical-rl - basic inline case
|
||||
|
|
@ -255,7 +387,7 @@
|
|||
<tbody id="s3.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 Obsolete SVG1.1 writing-mode Values</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 Obsolete SVG1.1 writing-mode Values</a></th></tr>
|
||||
<!-- 1 tests -->
|
||||
<tr id="writing-mode-parsing-svg1-001-3.1.1" class="primary dom may svg script">
|
||||
<td><strong>
|
||||
|
|
@ -272,13 +404,13 @@
|
|||
<tbody id="s3.1.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode-css">3.1.1.1 Supporting SVG1.1 writing-mode values in CSS syntax</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode-css">3.1.1.1 Supporting SVG1.1 writing-mode values in CSS syntax</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode-markup">3.1.1.2 Supporting SVG1.1 writing-mode values in presentational attributes</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode-markup">3.1.1.2 Supporting SVG1.1 writing-mode values in presentational attributes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,13 +30,13 @@
|
|||
<tbody id="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#inline-alignment">4 Inline-level Alignment</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#inline-alignment">4 Inline-level Alignment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#intro-baselines">4.1 Introduction to Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#intro-baselines">4.1 Introduction to Baselines</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1.#baseline">
|
||||
|
|
@ -48,11 +48,11 @@
|
|||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr>
|
||||
<!-- 10 tests -->
|
||||
<tr id="central-baseline-alignment-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="central-baseline-alignment-002.htm">central-baseline-alignment-002</a></strong></td>
|
||||
<tr id="central-baseline-alignment-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="central-baseline-alignment-002.htm">central-baseline-alignment-002</a></td>
|
||||
<td><a href="reference/central-baseline-alignment-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>central baseline-alignment of text with 'text-orientation: upright' (vertical-rl)
|
||||
|
|
@ -61,9 +61,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="central-baseline-alignment-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="central-baseline-alignment-003.htm">central-baseline-alignment-003</a></strong></td>
|
||||
<tr id="central-baseline-alignment-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="central-baseline-alignment-003.htm">central-baseline-alignment-003</a></td>
|
||||
<td><a href="reference/central-baseline-alignment-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>central baseline-alignment of text with 'text-orientation: upright' (vertical-lr)
|
||||
|
|
@ -72,9 +72,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-slr-009-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-slr-009.htm">text-baseline-slr-009</a></strong></td>
|
||||
<tr id="text-baseline-slr-009-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-slr-009.htm">text-baseline-slr-009</a></td>
|
||||
<td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -83,9 +83,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-srl-008-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-srl-008.htm">text-baseline-srl-008</a></strong></td>
|
||||
<tr id="text-baseline-srl-008-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-srl-008.htm">text-baseline-srl-008</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -94,9 +94,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-vlr-003-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-vlr-003.htm">text-baseline-vlr-003</a></strong></td>
|
||||
<tr id="text-baseline-vlr-003-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-vlr-003.htm">text-baseline-vlr-003</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - central alignment with vertical layout
|
||||
|
|
@ -105,9 +105,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-vlr-005-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-vlr-005.htm">text-baseline-vlr-005</a></strong></td>
|
||||
<tr id="text-baseline-vlr-005-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-vlr-005.htm">text-baseline-vlr-005</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - central alignment with vertical layout
|
||||
|
|
@ -116,9 +116,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-vlr-007-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-vlr-007.htm">text-baseline-vlr-007</a></strong></td>
|
||||
<tr id="text-baseline-vlr-007-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-vlr-007.htm">text-baseline-vlr-007</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -127,9 +127,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-vrl-002-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-vrl-002.htm">text-baseline-vrl-002</a></strong></td>
|
||||
<tr id="text-baseline-vrl-002-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-vrl-002.htm">text-baseline-vrl-002</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - central alignment with vertical layout
|
||||
|
|
@ -138,9 +138,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-vrl-004-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-vrl-004.htm">text-baseline-vrl-004</a></strong></td>
|
||||
<tr id="text-baseline-vrl-004-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-vrl-004.htm">text-baseline-vrl-004</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - central alignment with vertical layout
|
||||
|
|
@ -149,9 +149,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-baseline-vrl-006-4.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-baseline-vrl-006.htm">text-baseline-vrl-006</a></strong></td>
|
||||
<tr id="text-baseline-vrl-006-4.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-baseline-vrl-006.htm">text-baseline-vrl-006</a></td>
|
||||
<td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -170,11 +170,11 @@
|
|||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr>
|
||||
<!-- 24 tests -->
|
||||
<tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-non-replaced-002.htm">baseline-inline-non-replaced-002</a></strong></td>
|
||||
<tr id="baseline-inline-non-replaced-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="baseline-inline-non-replaced-002.htm">baseline-inline-non-replaced-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>baseline-alignment of empty non-replaced inline-block element and 'vertical-rl'
|
||||
|
|
@ -183,9 +183,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="baseline-inline-non-replaced-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-non-replaced-003.htm">baseline-inline-non-replaced-003</a></strong></td>
|
||||
<tr id="baseline-inline-non-replaced-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="baseline-inline-non-replaced-003.htm">baseline-inline-non-replaced-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>baseline-alignment of empty non-replaced inline-block element and 'vertical-rl'
|
||||
|
|
@ -194,9 +194,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="baseline-inline-non-replaced-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-non-replaced-004.htm">baseline-inline-non-replaced-004</a></strong></td>
|
||||
<tr id="baseline-inline-non-replaced-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="baseline-inline-non-replaced-004.htm">baseline-inline-non-replaced-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl'
|
||||
|
|
@ -205,9 +205,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="baseline-inline-non-replaced-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-non-replaced-005.htm">baseline-inline-non-replaced-005</a></strong></td>
|
||||
<tr id="baseline-inline-non-replaced-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="baseline-inline-non-replaced-005.htm">baseline-inline-non-replaced-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>baseline-alignment of non-empty non-replaced inline-block element and 'vertical-rl'
|
||||
|
|
@ -216,9 +216,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="baseline-inline-replaced-002-4.3" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-replaced-002.htm">baseline-inline-replaced-002</a></strong></td>
|
||||
<tr id="baseline-inline-replaced-002-4.3" class="ahem image">
|
||||
<td>
|
||||
<a href="baseline-inline-replaced-002.htm">baseline-inline-replaced-002</a></td>
|
||||
<td><a href="reference/baseline-inline-replaced-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>baseline-alignment of inline replaced element and 'vertical-rl'
|
||||
|
|
@ -227,9 +227,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="baseline-inline-replaced-003-4.3" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="baseline-inline-replaced-003.htm">baseline-inline-replaced-003</a></strong></td>
|
||||
<tr id="baseline-inline-replaced-003-4.3" class="ahem image">
|
||||
<td>
|
||||
<a href="baseline-inline-replaced-003.htm">baseline-inline-replaced-003</a></td>
|
||||
<td><a href="reference/baseline-inline-replaced-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>baseline-alignment of inline replaced element and 'vertical-lr'
|
||||
|
|
@ -238,9 +238,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-002.htm">inline-block-alignment-002</a></strong></td>
|
||||
<tr id="inline-block-alignment-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-002.htm">inline-block-alignment-002</a></td>
|
||||
<td><a href="reference/inline-block-alignment-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-block alignment - central alignment with vertical layout
|
||||
|
|
@ -249,9 +249,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-003.htm">inline-block-alignment-003</a></strong></td>
|
||||
<tr id="inline-block-alignment-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-003.htm">inline-block-alignment-003</a></td>
|
||||
<td><a href="reference/inline-block-alignment-003-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-block alignment - central alignment with vertical layout
|
||||
|
|
@ -260,9 +260,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-004.htm">inline-block-alignment-004</a></strong></td>
|
||||
<tr id="inline-block-alignment-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-004.htm">inline-block-alignment-004</a></td>
|
||||
<td><a href="reference/inline-block-alignment-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-block alignment - central alignment with vertical layout
|
||||
|
|
@ -271,9 +271,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-005.htm">inline-block-alignment-005</a></strong></td>
|
||||
<tr id="inline-block-alignment-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-005.htm">inline-block-alignment-005</a></td>
|
||||
<td><a href="reference/inline-block-alignment-003-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-block alignment - central alignment with vertical layout
|
||||
|
|
@ -282,9 +282,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-006-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-006.htm">inline-block-alignment-006</a></strong></td>
|
||||
<tr id="inline-block-alignment-006-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-006.htm">inline-block-alignment-006</a></td>
|
||||
<td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -293,9 +293,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-007-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-007.htm">inline-block-alignment-007</a></strong></td>
|
||||
<tr id="inline-block-alignment-007-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-007.htm">inline-block-alignment-007</a></td>
|
||||
<td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -304,9 +304,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-orthogonal-vlr-003.htm">inline-block-alignment-orthogonal-vlr-003</a></strong></td>
|
||||
<tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-orthogonal-vlr-003.htm">inline-block-alignment-orthogonal-vlr-003</a></td>
|
||||
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment of inline-block in orthogonal flow
|
||||
|
|
@ -315,9 +315,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-orthogonal-vlr-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-orthogonal-vlr-005.htm">inline-block-alignment-orthogonal-vlr-005</a></strong></td>
|
||||
<tr id="inline-block-alignment-orthogonal-vlr-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-orthogonal-vlr-005.htm">inline-block-alignment-orthogonal-vlr-005</a></td>
|
||||
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment of inline-block in orthogonal flow
|
||||
|
|
@ -326,9 +326,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-orthogonal-vrl-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-orthogonal-vrl-002.htm">inline-block-alignment-orthogonal-vrl-002</a></strong></td>
|
||||
<tr id="inline-block-alignment-orthogonal-vrl-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-orthogonal-vrl-002.htm">inline-block-alignment-orthogonal-vrl-002</a></td>
|
||||
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment of inline-block in orthogonal flow
|
||||
|
|
@ -337,9 +337,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-orthogonal-vrl-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-orthogonal-vrl-004.htm">inline-block-alignment-orthogonal-vrl-004</a></strong></td>
|
||||
<tr id="inline-block-alignment-orthogonal-vrl-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-orthogonal-vrl-004.htm">inline-block-alignment-orthogonal-vrl-004</a></td>
|
||||
<td><a href="reference/inline-block-alignment-orthogonal-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>text baseline alignment of inline-block in orthogonal flow
|
||||
|
|
@ -348,9 +348,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-slr-009-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-slr-009.htm">inline-block-alignment-slr-009</a></strong></td>
|
||||
<tr id="inline-block-alignment-slr-009-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-slr-009.htm">inline-block-alignment-slr-009</a></td>
|
||||
<td><a href="reference/inline-block-alignment-slr-009-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -359,9 +359,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-block-alignment-srl-008-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-block-alignment-srl-008.htm">inline-block-alignment-srl-008</a></strong></td>
|
||||
<tr id="inline-block-alignment-srl-008-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-block-alignment-srl-008.htm">inline-block-alignment-srl-008</a></td>
|
||||
<td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline block alignment - alphabetical alignment with vertical layout
|
||||
|
|
@ -370,9 +370,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-replaced-vlr-005-4.3" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="inline-replaced-vlr-005.htm">inline-replaced-vlr-005</a></strong></td>
|
||||
<tr id="inline-replaced-vlr-005-4.3" class="ahem image">
|
||||
<td>
|
||||
<a href="inline-replaced-vlr-005.htm">inline-replaced-vlr-005</a></td>
|
||||
<td><a href="reference/inline-replaced-vrl-004-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>inline replaced element and 'vertical-lr' (advanced)
|
||||
|
|
@ -381,9 +381,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-replaced-vrl-004-4.3" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="inline-replaced-vrl-004.htm">inline-replaced-vrl-004</a></strong></td>
|
||||
<tr id="inline-replaced-vrl-004-4.3" class="ahem image">
|
||||
<td>
|
||||
<a href="inline-replaced-vrl-004.htm">inline-replaced-vrl-004</a></td>
|
||||
<td><a href="reference/inline-replaced-vrl-004-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>inline replaced element and 'vertical-rl' (advanced)
|
||||
|
|
@ -392,9 +392,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-table-alignment-002-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-table-alignment-002.htm">inline-table-alignment-002</a></strong></td>
|
||||
<tr id="inline-table-alignment-002-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-table-alignment-002.htm">inline-table-alignment-002</a></td>
|
||||
<td><a href="reference/inline-table-alignment-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-table alignment - central alignment with vertical layout
|
||||
|
|
@ -403,9 +403,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-table-alignment-003-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-table-alignment-003.htm">inline-table-alignment-003</a></strong></td>
|
||||
<tr id="inline-table-alignment-003-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-table-alignment-003.htm">inline-table-alignment-003</a></td>
|
||||
<td><a href="reference/inline-table-alignment-003-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-table alignment - central alignment with vertical layout
|
||||
|
|
@ -414,9 +414,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-table-alignment-004-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-table-alignment-004.htm">inline-table-alignment-004</a></strong></td>
|
||||
<tr id="inline-table-alignment-004-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-table-alignment-004.htm">inline-table-alignment-004</a></td>
|
||||
<td><a href="reference/inline-table-alignment-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-table alignment - central alignment with vertical layout
|
||||
|
|
@ -425,9 +425,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="inline-table-alignment-005-4.3" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="inline-table-alignment-005.htm">inline-table-alignment-005</a></strong></td>
|
||||
<tr id="inline-table-alignment-005-4.3" class="ahem">
|
||||
<td>
|
||||
<a href="inline-table-alignment-005.htm">inline-table-alignment-005</a></td>
|
||||
<td><a href="reference/inline-table-alignment-003-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>inline-table alignment - central alignment with vertical layout
|
||||
|
|
@ -440,7 +440,7 @@
|
|||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#baseline-alignment">4.4 Baseline Alignment</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#baseline-alignment">4.4 Baseline Alignment</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4.#dominant-baseline">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Introduction to Vertical Text Layout (33 tests)</h2>
|
||||
<h2>Introduction to Vertical Text Layout (39 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#intro-text-layout">5 Introduction to Vertical Text Layout</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#intro-text-layout">5 Introduction to Vertical Text Layout</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.#bi-orientational">
|
||||
|
|
@ -54,8 +54,8 @@
|
|||
<tbody id="s5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
|
||||
<!-- 33 tests -->
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
|
||||
<!-- 39 tests -->
|
||||
<tr id="table-progression-vlr-003-5.1" class="">
|
||||
<td>
|
||||
<a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></td>
|
||||
|
|
@ -100,53 +100,42 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-010-5.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-010.htm">text-orientation-010</a></strong></td>
|
||||
<tr id="text-orientation-010-5.1" class="image">
|
||||
<td>
|
||||
<a href="text-orientation-010.htm">text-orientation-010</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - mixed
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90 clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).</li>
|
||||
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90&deg; clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-011-5.1" class="primary ahem font">
|
||||
<td><strong>
|
||||
<a href="text-orientation-011.htm">text-orientation-011</a></strong></td>
|
||||
<tr id="text-orientation-011-5.1" class="">
|
||||
<td>
|
||||
<a href="text-orientation-011.htm">text-orientation-011</a></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>text-orientation - upright
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
|
||||
<li>This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts to be rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-014-5.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-orientation-014.htm">text-orientation-014</a></strong></td>
|
||||
<td><a href="reference/text-orientation-014-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<tr id="text-orientation-016-5.1" class="ahem image">
|
||||
<td>
|
||||
<a href="text-orientation-016.htm">text-orientation-016</a></td>
|
||||
<td><a href="reference/text-orientation-016-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - sideways
|
||||
<ul class="assert">
|
||||
<li>This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
|
||||
<li>This test checks that sideways-oriented latin text is baseline-aligned alphabetically within the line box and not baseline-aligned centrally. This test uses exclusively 'p' and '&Eacute;' glyphs to verify this.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-001-5.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-mixed-001.htm">text-orientation-mixed-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - mixed in vertical-rl writing mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-slr-015-5.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-mixed-slr-015.htm">text-orientation-mixed-slr-015</a></strong></td>
|
||||
<tr id="text-orientation-mixed-slr-015-5.1" class="image">
|
||||
<td>
|
||||
<a href="text-orientation-mixed-slr-015.htm">text-orientation-mixed-slr-015</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect
|
||||
|
|
@ -155,10 +144,10 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-srl-016-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-orientation-mixed-srl-016.htm">text-orientation-mixed-srl-016</a></strong></td>
|
||||
<td><a href="reference/text-orientation-upright-srl-016-ref.htm">=</a> </td>
|
||||
<tr id="text-orientation-mixed-srl-016-5.1" class="">
|
||||
<td>
|
||||
<a href="text-orientation-mixed-srl-016.htm">text-orientation-mixed-srl-016</a></td>
|
||||
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect
|
||||
<ul class="assert">
|
||||
|
|
@ -166,6 +155,33 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-vlr-100-5.1" class="font">
|
||||
<td>
|
||||
<a href="text-orientation-mixed-vlr-100.htm">text-orientation-mixed-vlr-100</a></td>
|
||||
<td><a href="reference/text-orientation-mixed-vlr-100-ref.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>writing-mode: vertical-lr; text-orientation: mixed.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-vrl-002-5.1" class="image">
|
||||
<td>
|
||||
<a href="text-orientation-mixed-vrl-002.htm">text-orientation-mixed-vrl-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - mixed in vertical-rl writing mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-mixed-vrl-100-5.1" class="font">
|
||||
<td>
|
||||
<a href="text-orientation-mixed-vrl-100.htm">text-orientation-mixed-vrl-100</a></td>
|
||||
<td><a href="reference/text-orientation-mixed-vrl-100-ref.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>writing-mode: vertical-rl; text-orientation: mixed.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-parsing-001-5.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-parsing-001.htm">text-orientation-parsing-001</a></strong></td>
|
||||
|
|
@ -188,9 +204,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001-5.1" class="primary combo dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001.htm">text-orientation-script-001</a></strong></td>
|
||||
<tr id="text-orientation-script-001-5.1" class="combo dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001.htm">text-orientation-script-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="combo" title="Combination of child tests">Combo</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters.
|
||||
|
|
@ -199,9 +215,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001a-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001a.htm">text-orientation-script-001a</a></strong></td>
|
||||
<tr id="text-orientation-script-001a-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001a.htm">text-orientation-script-001a</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35).
|
||||
|
|
@ -210,9 +226,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001b-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001b.htm">text-orientation-script-001b</a></strong></td>
|
||||
<tr id="text-orientation-script-001b-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001b.htm">text-orientation-script-001b</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50).
|
||||
|
|
@ -221,9 +237,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001c-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001c.htm">text-orientation-script-001c</a></strong></td>
|
||||
<tr id="text-orientation-script-001c-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001c.htm">text-orientation-script-001c</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898).
|
||||
|
|
@ -232,9 +248,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001d-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001d.htm">text-orientation-script-001d</a></strong></td>
|
||||
<tr id="text-orientation-script-001d-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001d.htm">text-orientation-script-001d</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884).
|
||||
|
|
@ -243,9 +259,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001e-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001e.htm">text-orientation-script-001e</a></strong></td>
|
||||
<tr id="text-orientation-script-001e-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001e.htm">text-orientation-script-001e</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343).
|
||||
|
|
@ -254,9 +270,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001f-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001f.htm">text-orientation-script-001f</a></strong></td>
|
||||
<tr id="text-orientation-script-001f-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001f.htm">text-orientation-script-001f</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D).
|
||||
|
|
@ -265,9 +281,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001g-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001g.htm">text-orientation-script-001g</a></strong></td>
|
||||
<tr id="text-orientation-script-001g-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001g.htm">text-orientation-script-001g</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00).
|
||||
|
|
@ -276,9 +292,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001h-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001h.htm">text-orientation-script-001h</a></strong></td>
|
||||
<tr id="text-orientation-script-001h-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001h.htm">text-orientation-script-001h</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD).
|
||||
|
|
@ -287,9 +303,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001i-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001i.htm">text-orientation-script-001i</a></strong></td>
|
||||
<tr id="text-orientation-script-001i-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001i.htm">text-orientation-script-001i</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7).
|
||||
|
|
@ -298,9 +314,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001j-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001j.htm">text-orientation-script-001j</a></strong></td>
|
||||
<tr id="text-orientation-script-001j-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001j.htm">text-orientation-script-001j</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387).
|
||||
|
|
@ -309,9 +325,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001k-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001k.htm">text-orientation-script-001k</a></strong></td>
|
||||
<tr id="text-orientation-script-001k-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001k.htm">text-orientation-script-001k</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA).
|
||||
|
|
@ -320,9 +336,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001l-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001l.htm">text-orientation-script-001l</a></strong></td>
|
||||
<tr id="text-orientation-script-001l-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001l.htm">text-orientation-script-001l</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA).
|
||||
|
|
@ -331,9 +347,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001m-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001m.htm">text-orientation-script-001m</a></strong></td>
|
||||
<tr id="text-orientation-script-001m-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001m.htm">text-orientation-script-001m</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D).
|
||||
|
|
@ -342,9 +358,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001n-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001n.htm">text-orientation-script-001n</a></strong></td>
|
||||
<tr id="text-orientation-script-001n-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001n.htm">text-orientation-script-001n</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3).
|
||||
|
|
@ -353,9 +369,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-script-001o-5.1" class="primary dom font script">
|
||||
<td><strong>
|
||||
<a href="text-orientation-script-001o.htm">text-orientation-script-001o</a></strong></td>
|
||||
<tr id="text-orientation-script-001o-5.1" class="dom font script">
|
||||
<td>
|
||||
<a href="text-orientation-script-001o.htm">text-orientation-script-001o</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="font" title="Requires a special font">Font</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Test orientation of characters where vo=Tu (147 code points in U+3001-1F201).
|
||||
|
|
@ -364,9 +380,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-sideways-001-5.1" class="primary font image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-sideways-001.htm">text-orientation-sideways-001</a></strong></td>
|
||||
<tr id="text-orientation-sideways-001-5.1" class="font image">
|
||||
<td>
|
||||
<a href="text-orientation-sideways-001.htm">text-orientation-sideways-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - sideways in vertical-rl writing mode
|
||||
|
|
@ -375,9 +391,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-sideways-slr-019-5.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-sideways-slr-019.htm">text-orientation-sideways-slr-019</a></strong></td>
|
||||
<tr id="text-orientation-sideways-slr-019-5.1" class="image">
|
||||
<td>
|
||||
<a href="text-orientation-sideways-slr-019.htm">text-orientation-sideways-slr-019</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect
|
||||
|
|
@ -386,20 +402,25 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-001-5.1" class="primary font image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-upright-001.htm">text-orientation-upright-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - upright in vertical-rl writing mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc).</li>
|
||||
</ul>
|
||||
<tr id="text-orientation-sideways-vlr-100-5.1" class="font">
|
||||
<td>
|
||||
<a href="text-orientation-sideways-vlr-100.htm">text-orientation-sideways-vlr-100</a></td>
|
||||
<td><a href="reference/text-orientation-sideways-vlr-100-ref.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>writing-mode: vertical-lr; text-orientation: sideways.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-slr-017-5.1" class="primary image">
|
||||
<td><strong>
|
||||
<a href="text-orientation-upright-slr-017.htm">text-orientation-upright-slr-017</a></strong></td>
|
||||
<tr id="text-orientation-sideways-vrl-100-5.1" class="font">
|
||||
<td>
|
||||
<a href="text-orientation-sideways-vrl-100.htm">text-orientation-sideways-vrl-100</a></td>
|
||||
<td><a href="reference/text-orientation-sideways-vrl-100-ref.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>writing-mode: vertical-rl; text-orientation: sideways.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-slr-017-5.1" class="image">
|
||||
<td>
|
||||
<a href="text-orientation-upright-slr-017.htm">text-orientation-upright-slr-017</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect
|
||||
|
|
@ -408,9 +429,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-srl-018-5.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-orientation-upright-srl-018.htm">text-orientation-upright-srl-018</a></strong></td>
|
||||
<tr id="text-orientation-upright-srl-018-5.1" class="">
|
||||
<td>
|
||||
<a href="text-orientation-upright-srl-018.htm">text-orientation-upright-srl-018</a></td>
|
||||
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect
|
||||
|
|
@ -419,6 +440,33 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-vlr-100-5.1" class="font">
|
||||
<td>
|
||||
<a href="text-orientation-upright-vlr-100.htm">text-orientation-upright-vlr-100</a></td>
|
||||
<td><a href="reference/text-orientation-upright-vlr-100-ref.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>writing-mode: vertical-lr; text-orientation: upright.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-vrl-002-5.1" class="image">
|
||||
<td>
|
||||
<a href="text-orientation-upright-vrl-002.htm">text-orientation-upright-vrl-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>text-orientation - upright in vertical-rl writing mode
|
||||
<ul class="assert">
|
||||
<li>This test checks that latin alphabet characters are translated upright (and not rotated sideways) and this test also verifies that the characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are also translated upright.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-orientation-upright-vrl-100-5.1" class="font">
|
||||
<td>
|
||||
<a href="text-orientation-upright-vrl-100.htm">text-orientation-upright-vrl-100</a></td>
|
||||
<td><a href="reference/text-orientation-upright-vrl-100-ref.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>writing-mode: vertical-rl; text-orientation: upright.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s5.1.#fig-text-orientation">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -441,7 +489,7 @@
|
|||
<tbody id="s5.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-font-features">5.1.1 Vertical Typesetting and Font Features</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#vertical-font-features">5.1.1 Vertical Typesetting and Font Features</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.1.#typeset-sideways">
|
||||
|
|
@ -453,13 +501,13 @@
|
|||
<tbody id="s5.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-orientations">5.1.2 Mixed Vertical Orientations</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#vertical-orientations">5.1.2 Mixed Vertical Orientations</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#glyph-orientation">5.1.3 Obsolete: the SVG1.1 glyph-orientation-vertical property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#glyph-orientation">5.1.3 Obsolete: the SVG1.1 glyph-orientation-vertical property</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s5.1.3.#propdef-glyph-orientation-vertical">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-box">6 Abstract Box Terminology</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#abstract-box">6 Abstract Box Terminology</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.#bottom">
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-axes">6.1 Abstract Dimensions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#abstract-axes">6.1 Abstract Dimensions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.1.#abstract-dimensions">
|
||||
|
|
@ -120,11 +120,11 @@
|
|||
<tbody id="s6.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
|
||||
<!-- 16 tests -->
|
||||
<tr id="border-conflict-element-vlr-003-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></strong></td>
|
||||
<tr id="border-conflict-element-vlr-003-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
|
||||
|
|
@ -133,9 +133,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-005-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></strong></td>
|
||||
<tr id="border-conflict-element-vlr-005-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
|
||||
|
|
@ -144,9 +144,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-007-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></strong></td>
|
||||
<tr id="border-conflict-element-vlr-007-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
|
||||
|
|
@ -155,9 +155,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-009-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></strong></td>
|
||||
<tr id="border-conflict-element-vlr-009-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
|
||||
|
|
@ -166,9 +166,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-011-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></strong></td>
|
||||
<tr id="border-conflict-element-vlr-011-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
|
||||
|
|
@ -177,9 +177,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-013-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></strong></td>
|
||||
<tr id="border-conflict-element-vlr-013-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
|
||||
|
|
@ -188,9 +188,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-002-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></strong></td>
|
||||
<tr id="border-conflict-element-vrl-002-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
|
||||
|
|
@ -199,9 +199,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-004-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></strong></td>
|
||||
<tr id="border-conflict-element-vrl-004-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
|
||||
|
|
@ -210,9 +210,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-006-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></strong></td>
|
||||
<tr id="border-conflict-element-vrl-006-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
|
||||
|
|
@ -221,9 +221,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-008-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></strong></td>
|
||||
<tr id="border-conflict-element-vrl-008-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
|
||||
|
|
@ -232,9 +232,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-010-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></strong></td>
|
||||
<tr id="border-conflict-element-vrl-010-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
|
||||
|
|
@ -243,9 +243,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-012-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></strong></td>
|
||||
<tr id="border-conflict-element-vrl-012-6.2" class="">
|
||||
<td>
|
||||
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
|
||||
|
|
@ -254,9 +254,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="direction-vlr-003-6.2" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="direction-vlr-003.htm">direction-vlr-003</a></strong></td>
|
||||
<tr id="direction-vlr-003-6.2" class="ahem image">
|
||||
<td>
|
||||
<a href="direction-vlr-003.htm">direction-vlr-003</a></td>
|
||||
<td><a href="reference/direction-vlr-003-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'vertical-lr' and 'direction: rtl'
|
||||
|
|
@ -265,9 +265,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="direction-vlr-005-6.2" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="direction-vlr-005.htm">direction-vlr-005</a></strong></td>
|
||||
<tr id="direction-vlr-005-6.2" class="ahem image">
|
||||
<td>
|
||||
<a href="direction-vlr-005.htm">direction-vlr-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'vertical-lr' and 'direction: ltr'
|
||||
|
|
@ -276,9 +276,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="direction-vrl-002-6.2" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="direction-vrl-002.htm">direction-vrl-002</a></strong></td>
|
||||
<tr id="direction-vrl-002-6.2" class="ahem image">
|
||||
<td>
|
||||
<a href="direction-vrl-002.htm">direction-vrl-002</a></td>
|
||||
<td><a href="reference/direction-vrl-002-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'vertical-rl' and 'direction: rtl'
|
||||
|
|
@ -287,9 +287,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="direction-vrl-004-6.2" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="direction-vrl-004.htm">direction-vrl-004</a></strong></td>
|
||||
<tr id="direction-vrl-004-6.2" class="ahem image">
|
||||
<td>
|
||||
<a href="direction-vrl-004.htm">direction-vrl-004</a></td>
|
||||
<td><a href="reference/direction-vrl-004-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
<td>'vertical-rl' and 'direction: ltr'
|
||||
|
|
@ -329,7 +329,7 @@
|
|||
<tbody id="s6.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#line-directions">6.3 Line-relative Directions</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#line-directions">6.3 Line-relative Directions</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s6.3.#line-left">
|
||||
|
|
@ -359,7 +359,7 @@
|
|||
<tbody id="s6.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr>
|
||||
<!-- 12 tests -->
|
||||
<tr id="text-decoration-sideways-vlr-003-6.4" class="">
|
||||
<td>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#principal-flow">8 The Principal Writing Mode</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#principal-flow">8 The Principal Writing Mode</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.#principal-writing-mode">
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
<tbody id="s8.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#icb">8.1 Propagation to the Initial Containing Block</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#icb">8.1 Propagation to the Initial Containing Block</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s8.1.#issue-80e9901b">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<tbody id="s8.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#page-direction">8.2 Page Flow: the page progression direction</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#page-direction">8.2 Page Flow: the page progression direction</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="s9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine">9 Glyph Composition</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine">9 Glyph Composition</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.#text-combine-horizontal">
|
||||
|
|
@ -39,11 +39,11 @@
|
|||
<tbody id="s9.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">9.1 Horizontal-in-Vertical Composition: the text-combine-upright property</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">9.1 Horizontal-in-Vertical Composition: the text-combine-upright property</a></th></tr>
|
||||
<!-- 23 tests -->
|
||||
<tr id="text-combine-upright-inherit-all-001-9.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-inherit-all-001.htm">text-combine-upright-inherit-all-001</a></strong></td>
|
||||
<tr id="text-combine-upright-inherit-all-001-9.1" class="">
|
||||
<td>
|
||||
<a href="text-combine-upright-inherit-all-001.htm">text-combine-upright-inherit-all-001</a></td>
|
||||
<td><a href="reference/text-combine-upright-inherit-all-001.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright:all inherits
|
||||
|
|
@ -52,9 +52,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-inherit-all-002-9.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-inherit-all-002.htm">text-combine-upright-inherit-all-002</a></strong></td>
|
||||
<tr id="text-combine-upright-inherit-all-002-9.1" class="">
|
||||
<td>
|
||||
<a href="text-combine-upright-inherit-all-002.htm">text-combine-upright-inherit-all-002</a></td>
|
||||
<td><a href="reference/text-combine-upright-inherit-all-002.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright :all
|
||||
|
|
@ -63,9 +63,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-line-breaking-rules-001-9.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-line-breaking-rules-001.htm">text-combine-upright-line-breaking-rules-001</a></strong></td>
|
||||
<tr id="text-combine-upright-line-breaking-rules-001-9.1" class="">
|
||||
<td>
|
||||
<a href="text-combine-upright-line-breaking-rules-001.htm">text-combine-upright-line-breaking-rules-001</a></td>
|
||||
<td><a href="reference/text-combine-upright-line-breaking-rules-001.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Writing Modes: line-breaking-rules
|
||||
|
|
@ -74,9 +74,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-digits-001-9.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-digits-001.htm">text-combine-upright-parsing-digits-001</a></strong></td>
|
||||
<tr id="text-combine-upright-parsing-digits-001-9.1" class="dom script">
|
||||
<td>
|
||||
<a href="text-combine-upright-parsing-digits-001.htm">text-combine-upright-parsing-digits-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright for digits
|
||||
|
|
@ -85,9 +85,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-digits-002-9.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-digits-002.htm">text-combine-upright-parsing-digits-002</a></strong></td>
|
||||
<tr id="text-combine-upright-parsing-digits-002-9.1" class="dom script">
|
||||
<td>
|
||||
<a href="text-combine-upright-parsing-digits-002.htm">text-combine-upright-parsing-digits-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to valid digits
|
||||
|
|
@ -96,9 +96,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-invalid-001-9.1" class="primary dom invalid script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-invalid-001.htm">text-combine-upright-parsing-invalid-001</a></strong></td>
|
||||
<tr id="text-combine-upright-parsing-invalid-001-9.1" class="dom invalid script">
|
||||
<td>
|
||||
<a href="text-combine-upright-parsing-invalid-001.htm">text-combine-upright-parsing-invalid-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright with invalid values
|
||||
|
|
@ -107,9 +107,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-invalid-002-9.1" class="primary dom invalid script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-invalid-002.htm">text-combine-upright-parsing-invalid-002</a></strong></td>
|
||||
<tr id="text-combine-upright-parsing-invalid-002-9.1" class="dom invalid script">
|
||||
<td>
|
||||
<a href="text-combine-upright-parsing-invalid-002.htm">text-combine-upright-parsing-invalid-002</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to invalid digits
|
||||
|
|
@ -118,9 +118,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-parsing-valid-001-9.1" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-parsing-valid-001.htm">text-combine-upright-parsing-valid-001</a></strong></td>
|
||||
<tr id="text-combine-upright-parsing-valid-001-9.1" class="dom script">
|
||||
<td>
|
||||
<a href="text-combine-upright-parsing-valid-001.htm">text-combine-upright-parsing-valid-001</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>CSS Writing Modes: parsing text-combine-upright with valid values
|
||||
|
|
@ -129,9 +129,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-all-001-9.1" class="primary font">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-all-001.htm">text-combine-upright-value-all-001</a></strong></td>
|
||||
<tr id="text-combine-upright-value-all-001-9.1" class="font">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-all-001.htm">text-combine-upright-value-all-001</a></td>
|
||||
<td><a href="reference/text-combine-upright-value-single-character.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: all
|
||||
|
|
@ -140,9 +140,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-all-002-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-all-002.htm">text-combine-upright-value-all-002</a></strong></td>
|
||||
<tr id="text-combine-upright-value-all-002-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-all-002.htm">text-combine-upright-value-all-002</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: all
|
||||
|
|
@ -151,9 +151,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-all-003-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-all-003.htm">text-combine-upright-value-all-003</a></strong></td>
|
||||
<tr id="text-combine-upright-value-all-003-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-all-003.htm">text-combine-upright-value-all-003</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: all
|
||||
|
|
@ -162,9 +162,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits2-001-9.1" class="primary font">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits2-001.htm">text-combine-upright-value-digits2-001</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits2-001-9.1" class="font">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits2-001.htm">text-combine-upright-value-digits2-001</a></td>
|
||||
<td><a href="reference/text-combine-upright-value-single-character.htm">=</a> </td>
|
||||
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 2
|
||||
|
|
@ -173,9 +173,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits2-002-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits2-002.htm">text-combine-upright-value-digits2-002</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits2-002-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits2-002.htm">text-combine-upright-value-digits2-002</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 2 + two digits
|
||||
|
|
@ -184,9 +184,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits2-003-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits2-003.htm">text-combine-upright-value-digits2-003</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits2-003-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits2-003.htm">text-combine-upright-value-digits2-003</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x3-ref.htm">=</a> <a href="reference/horizontal-ahem-1x3-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 2 + three digits
|
||||
|
|
@ -195,9 +195,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits3-001-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits3-001.htm">text-combine-upright-value-digits3-001</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits3-001-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits3-001.htm">text-combine-upright-value-digits3-001</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 3 + two digits
|
||||
|
|
@ -206,9 +206,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits3-002-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits3-002.htm">text-combine-upright-value-digits3-002</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits3-002-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits3-002.htm">text-combine-upright-value-digits3-002</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 3 + three digits
|
||||
|
|
@ -217,9 +217,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits3-003-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits3-003.htm">text-combine-upright-value-digits3-003</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits3-003-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits3-003.htm">text-combine-upright-value-digits3-003</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x4-ref.htm">=</a> <a href="reference/horizontal-ahem-1x4-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 3 + four digits
|
||||
|
|
@ -228,9 +228,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits4-001-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits4-001.htm">text-combine-upright-value-digits4-001</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits4-001-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits4-001.htm">text-combine-upright-value-digits4-001</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 4 + three digits
|
||||
|
|
@ -239,9 +239,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits4-002-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits4-002.htm">text-combine-upright-value-digits4-002</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits4-002-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits4-002.htm">text-combine-upright-value-digits4-002</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x1-ref.htm">=</a> <a href="reference/horizontal-ahem-1x1-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 4 + four digits
|
||||
|
|
@ -250,9 +250,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-digits4-003-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-digits4-003.htm">text-combine-upright-value-digits4-003</a></strong></td>
|
||||
<tr id="text-combine-upright-value-digits4-003-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-digits4-003.htm">text-combine-upright-value-digits4-003</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x5-ref.htm">=</a> <a href="reference/horizontal-ahem-1x5-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: digits 4 + five digits
|
||||
|
|
@ -261,9 +261,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-value-none-001-9.1" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-value-none-001.htm">text-combine-upright-value-none-001</a></strong></td>
|
||||
<tr id="text-combine-upright-value-none-001-9.1" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-value-none-001.htm">text-combine-upright-value-none-001</a></td>
|
||||
<td><a href="reference/vertical-ahem-1x3-ref.htm">=</a> <a href="reference/horizontal-ahem-1x3-notref.htm">≠</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: text-combine-upright: none
|
||||
|
|
@ -272,9 +272,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-horizontal-001l-9.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="writing-mode-horizontal-001l.htm">writing-mode-horizontal-001l</a></strong></td>
|
||||
<tr id="writing-mode-horizontal-001l-9.1" class="">
|
||||
<td>
|
||||
<a href="writing-mode-horizontal-001l.htm">writing-mode-horizontal-001l</a></td>
|
||||
<td><a href="reference/writing-mode-horizontal-001l-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Writing Modes: text-combine-upright in horizontal writing mode
|
||||
|
|
@ -283,9 +283,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="writing-mode-horizontal-001r-9.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="writing-mode-horizontal-001r.htm">writing-mode-horizontal-001r</a></strong></td>
|
||||
<tr id="writing-mode-horizontal-001r-9.1" class="">
|
||||
<td>
|
||||
<a href="writing-mode-horizontal-001r.htm">writing-mode-horizontal-001r</a></td>
|
||||
<td><a href="reference/writing-mode-horizontal-001r-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Writing Modes: text-combine-upright in horizontal writing mode
|
||||
|
|
@ -316,7 +316,7 @@
|
|||
<tbody id="s9.1.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-runs">9.1.1 Text Run Rules</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-runs">9.1.1 Text Run Rules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.1.#example-95932934">
|
||||
|
|
@ -325,7 +325,7 @@
|
|||
<tbody id="s9.1.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-layout">9.1.2 Layout Rules</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-layout">9.1.2 Layout Rules</a></th></tr>
|
||||
<!-- 2 tests -->
|
||||
<tr id="text-combine-upright-decorations-001-9.1.2" class="primary ahem">
|
||||
<td><strong>
|
||||
|
|
@ -338,9 +338,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-layout-rules-001-9.1.2" class="primary ahem">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-layout-rules-001.htm">text-combine-upright-layout-rules-001</a></strong></td>
|
||||
<tr id="text-combine-upright-layout-rules-001-9.1.2" class="ahem">
|
||||
<td>
|
||||
<a href="text-combine-upright-layout-rules-001.htm">text-combine-upright-layout-rules-001</a></td>
|
||||
<td><a href="reference/text-combine-upright-layout-rules-001-ref.htm">=</a> </td>
|
||||
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<td>CSS Writing Modes: Layout rules of text-combine-upright
|
||||
|
|
@ -353,7 +353,7 @@
|
|||
<tbody id="s9.1.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-compression">9.1.3 Compression Rules</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-compression">9.1.3 Compression Rules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#example-8e0562a8">
|
||||
|
|
@ -362,11 +362,11 @@
|
|||
<tbody id="s9.1.3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth">9.1.3.1 Full-width Characters</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth">9.1.3.1 Full-width Characters</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<tr id="full-width-001-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="full-width-001.htm">full-width-001</a></strong></td>
|
||||
<tr id="full-width-001-9.1.3.1" class="">
|
||||
<td>
|
||||
<a href="full-width-001.htm">full-width-001</a></td>
|
||||
<td><a href="reference/full-width-ref.htm">=</a> <a href="reference/full-width-notcu-notref.htm">≠</a> <a href="reference/full-width-horizontal-notref.htm">≠</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Writing Modes: text-combine-upright on full-width characters
|
||||
|
|
@ -375,9 +375,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="full-width-002-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="full-width-002.htm">full-width-002</a></strong></td>
|
||||
<tr id="full-width-002-9.1.3.1" class="">
|
||||
<td>
|
||||
<a href="full-width-002.htm">full-width-002</a></td>
|
||||
<td><a href="reference/full-width-ref.htm">=</a> <a href="reference/full-width-notcu-notref.htm">≠</a> <a href="reference/full-width-horizontal-notref.htm">≠</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Writing Modes: text-combine-upright on full-width characters
|
||||
|
|
@ -386,9 +386,9 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="full-width-003-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="full-width-003.htm">full-width-003</a></strong></td>
|
||||
<tr id="full-width-003-9.1.3.1" class="">
|
||||
<td>
|
||||
<a href="full-width-003.htm">full-width-003</a></td>
|
||||
<td><a href="reference/full-width-ref.htm">=</a> <a href="reference/full-width-notcu-notref.htm">≠</a> <a href="reference/full-width-horizontal-notref.htm">≠</a> </td>
|
||||
<td></td>
|
||||
<td>CSS Writing Modes: text-combine-upright on full-width characters
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<tbody id="sA">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#sA">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#script-orientations">A Vertical Scripts in Unicode</a></th></tr>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#script-orientations">A Vertical Scripts in Unicode</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: floated border-collapsing tables (vertical-lr)</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-left: red solid 50px;
|
||||
border-collapse: collapse;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-left: green solid 50px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="first">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="second">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: floated non-border-collapsing tables (vertical-lr)</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: separate;
|
||||
border-left: green solid 25px;
|
||||
border-spacing: 0px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-left: green solid 25px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="first">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="second">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://test.csswg.org/source/css-writing-modes-3/table-progression-vrl-004.html
|
||||
-->
|
||||
|
||||
<title>CSS Writing Modes Test: vertical-lr - contiguous floated tables and horizontal margins</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table#left-first
|
||||
{
|
||||
border-right: green solid 25px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
table#right-second
|
||||
{
|
||||
border-left: green solid 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
div#reference-overlapped
|
||||
{
|
||||
background-color: red;
|
||||
background-image: url("support/margin-collapse-2em-space-wm-vert.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="left-first">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<table id="right-second">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div id="reference-overlapped"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://test.csswg.org/source/css-writing-modes-3/table-progression-vrl-004.html
|
||||
-->
|
||||
|
||||
<title>CSS Writing Modes Test: vertical-lr - contiguous floated tables and horizontal margins</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-lr' are not substracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
background-color: green;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table#left-first
|
||||
{
|
||||
padding-right: 25px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
table#right-second
|
||||
{
|
||||
padding-left: 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
div#reference-overlapped
|
||||
{
|
||||
background-color: red;
|
||||
background-image: url("support/margin-collapse-2em-space-wm-vert.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="left-first">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<table id="right-second">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div id="reference-overlapped"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: floated border-collapsing tables (vertical-rl)</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
border-right: red solid 50px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-right: green solid 50px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="first">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="second">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: floated non-border-collapsing tables (vertical-rl)</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-right: green solid 25px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-right: green solid 25px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="first">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="second">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://test.csswg.org/source/css-writing-modes-3/table-progression-vrl-004.html
|
||||
-->
|
||||
|
||||
<title>CSS Writing Modes Test: vertical-rl - contiguous floated tables and horizontal margins</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted by the amount of their borders. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table#left-first
|
||||
{
|
||||
border-right: green solid 25px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
table#right-second
|
||||
{
|
||||
border-left: green solid 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
div#reference-overlapped
|
||||
{
|
||||
background-color: red;
|
||||
background-image: url("support/margin-collapse-2em-space-wm-vert.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="left-first">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<table id="right-second">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div id="reference-overlapped"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!--
|
||||
Test inspired by
|
||||
http://test.csswg.org/source/css-writing-modes-3/table-progression-vrl-004.html
|
||||
-->
|
||||
|
||||
<title>CSS Writing Modes Test: vertical-rl - contiguous floated tables and horizontal margins</title>
|
||||
|
||||
<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="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
<meta content="This test checks that horizontal margins existing between contiguous floated tables with writing-mode set to 'vertical-rl' are not substracted by the amount of their horizontal padding. In this test, there should be an horizontal gap of 50px separating both tables. Margins between 2 floated boxes do not collapse." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
background-color: green;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
float: left;
|
||||
height: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
table#left-first
|
||||
{
|
||||
padding-right: 25px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
table#right-second
|
||||
{
|
||||
padding-left: 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
div#reference-overlapped
|
||||
{
|
||||
background-color: red;
|
||||
background-image: url("support/margin-collapse-2em-space-wm-vert.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="left-first">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<table id="right-second">
|
||||
|
||||
<tr><td></td><td></td><td></td><td></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<div id="reference-overlapped"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Writing Modes Test: inline-table alignment - central alignment with vertical layout</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-08-13 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
|
||||
<link rel="match" href="reference/inline-table-alignment-002-ref.htm">
|
||||
|
|
@ -14,7 +14,6 @@
|
|||
{
|
||||
color: orange;
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Writing Modes Test: inline-table alignment - central alignment with vertical layout</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-08-13 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
|
||||
<link rel="match" href="reference/inline-table-alignment-003-ref.htm">
|
||||
|
|
@ -14,7 +14,6 @@
|
|||
{
|
||||
color: orange;
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Writing Modes Test: inline-table alignment - central alignment with vertical layout</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-08-13 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
|
||||
<link rel="match" href="reference/inline-table-alignment-002-ref.htm">
|
||||
|
|
@ -14,7 +14,6 @@
|
|||
{
|
||||
color: orange;
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Writing Modes Test: inline-table alignment - central alignment with vertical layout</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-08-13 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
|
||||
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
|
||||
<link rel="match" href="reference/inline-table-alignment-003-ref.htm">
|
||||
|
|
@ -14,7 +14,6 @@
|
|||
{
|
||||
color: orange;
|
||||
font: 60px/1 Ahem; /* computes to 60px/60px */
|
||||
height: 4em;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit with orthogonal children</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit with orthogonal children</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit with orthogonal children" name="assert">
|
||||
<meta content="ahem combo" name="flags">
|
||||
<meta content="ahem dom combo" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,99 +51,99 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>1: Shrink-to-fit inline-block with a child of orthogonal block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="target">XX</div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="target">HH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>2: Shrink-to-fit inline-block with a child of orthogonal inline</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><span class="target">XX</span></div><span class="next">YY</span>
|
||||
<div class="inline-block"><span class="target">HH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>3: Shrink-to-fit inline-block with a child of orthogonal block with borders</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="target border">XXX</div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="target border">HHH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>4: Shrink-to-fit inline-block with a child of orthogonal inline with borders</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span>
|
||||
<div class="inline-block"><span class="target border">HHH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><div class="target">HH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>6: Shrink-to-fit inline-block with a child of orthogonal inline in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><span class="target">HH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>7: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><div class="target border">XXX</div></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><div class="target border">HHH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>8: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><span class="target border">XXX</span></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><span class="target border">HHH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>9: Shrink-to-fit float with a child of orthogonal block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="target">XX</div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="target">HH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>10: Shrink-to-fit float with a child of orthogonal inline</h3>
|
||||
<div class="test">
|
||||
<div class="float"><span class="target">XX</span></div><span class="next">YY</span>
|
||||
<div class="float"><span class="target">HH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>11: Shrink-to-fit float with a child of orthogonal block with borders</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="target border">XXX</div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="target border">HHH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>12: Shrink-to-fit float with a child of orthogonal inline with borders</h3>
|
||||
<div class="test">
|
||||
<div class="float"><span class="target border">XXX</span></div><span class="next">YY</span>
|
||||
<div class="float"><span class="target border">HHH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>13: Shrink-to-fit float with a child of orthogonal block in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><div class="target">HH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>14: Shrink-to-fit float with a child of orthogonal inline in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><span class="target">HH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>15: Shrink-to-fit float with a child of orthogonal block with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><div class="target border">XXX</div></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><div class="target border">HHH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>16: Shrink-to-fit float with a child of orthogonal inline with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><span class="target border">XXX</span></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><span class="target border">HHH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
<h3>17: Shrink-to-fit table-cell with a child of orthogonal block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="target">HH</div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>18: Shrink-to-fit table-cell with a child of orthogonal inline</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><span class="target">XX</span></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><span class="target">HH</span></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>19: Shrink-to-fit table-cell with a child of orthogonal block with borders</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="target border">XXX</div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="target border">HHH</div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>20: Shrink-to-fit table-cell with a child of orthogonal inline with borders</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><span class="target border">XXX</span></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><span class="target border">HHH</span></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target">XX</div></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target">HH</div></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>22: Shrink-to-fit table-cell with a child of orthogonal inline in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target">XX</span></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target">HH</span></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>23: Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target border">XXX</div></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target border">HHH</div></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
<h3>24: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target border">XXX</span></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target border">HHH</span></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>1: Shrink-to-fit inline-block with a child of orthogonal block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="target">XX</div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="target">HH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal inline" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>2: Shrink-to-fit inline-block with a child of orthogonal inline</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><span class="target">XX</span></div><span class="next">YY</span>
|
||||
<div class="inline-block"><span class="target">HH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal block with borders" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>3: Shrink-to-fit inline-block with a child of orthogonal block with borders</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="target border">XXX</div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="target border">HHH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal inline with borders" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>4: Shrink-to-fit inline-block with a child of orthogonal inline with borders</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span>
|
||||
<div class="inline-block"><span class="target border">HHH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal block in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><div class="target">HH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal inline in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>6: Shrink-to-fit inline-block with a child of orthogonal inline in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><span class="target">HH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>7: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><div class="target border">XXX</div></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><div class="target border">HHH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>8: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="inline-block"><div class="inline-block"><span class="target border">XXX</span></div></div><span class="next">YY</span>
|
||||
<div class="inline-block"><div class="inline-block"><span class="target border">HHH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>9: Shrink-to-fit float with a child of orthogonal block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="target">XX</div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="target">HH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal inline" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>10: Shrink-to-fit float with a child of orthogonal inline</h3>
|
||||
<div class="test">
|
||||
<div class="float"><span class="target">XX</span></div><span class="next">YY</span>
|
||||
<div class="float"><span class="target">HH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal block with borders" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>11: Shrink-to-fit float with a child of orthogonal block with borders</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="target border">XXX</div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="target border">HHH</div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal inline with borders" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>12: Shrink-to-fit float with a child of orthogonal inline with borders</h3>
|
||||
<div class="test">
|
||||
<div class="float"><span class="target border">XXX</span></div><span class="next">YY</span>
|
||||
<div class="float"><span class="target border">HHH</span></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal block in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>13: Shrink-to-fit float with a child of orthogonal block in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><div class="target">XX</div></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><div class="target">HH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal inline in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>14: Shrink-to-fit float with a child of orthogonal inline in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><span class="target">XX</span></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><span class="target">HH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal block with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal block with borders in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>15: Shrink-to-fit float with a child of orthogonal block with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><div class="target border">XXX</div></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><div class="target border">HHH</div></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit float with a child of orthogonal inline with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit float with a child of orthogonal inline with borders in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>16: Shrink-to-fit float with a child of orthogonal inline with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<div class="float"><div class="inline-block"><span class="target border">XXX</span></div></div><span class="next">YY</span>
|
||||
<div class="float"><div class="inline-block"><span class="target border">HHH</span></div></div><span class="next">ZZ</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>17: Shrink-to-fit table-cell with a child of orthogonal block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="target">HH</div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal inline" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>18: Shrink-to-fit table-cell with a child of orthogonal inline</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><span class="target">XX</span></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><span class="target">HH</span></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal block with borders" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>19: Shrink-to-fit table-cell with a child of orthogonal block with borders</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="target border">XXX</div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="target border">HHH</div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline with borders</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal inline with borders" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>20: Shrink-to-fit table-cell with a child of orthogonal inline with borders</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><span class="target border">XXX</span></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><span class="target border">HHH</span></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal block in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target">XX</div></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target">HH</div></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal inline in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>22: Shrink-to-fit table-cell with a child of orthogonal inline in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target">XX</span></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target">HH</span></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>23: Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target border">XXX</div></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><div class="target border">HHH</div></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help">
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</title>
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" rel="help" title="7.3. Orthogonal Flows">
|
||||
<meta content="Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block" name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="ahem dom" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2015-12-23 -->
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<link href="/resources/testharness.css" rel="stylesheet">
|
||||
|
|
@ -14,7 +16,8 @@
|
|||
}
|
||||
.target {
|
||||
color:blue;
|
||||
height:3em;
|
||||
height:3em; /* height: 3em is not required. IE11 and Edge12 compute height to ICB height if
|
||||
not set. We want the test to focus exclusively on shrink-to-fit algorithm. */
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.border {
|
||||
|
|
@ -48,7 +51,7 @@ td {
|
|||
</p><p>If script is enabled, there should be one or more PASS and no FAIL.
|
||||
</p><h3>24: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</h3>
|
||||
<div class="test">
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target border">XXX</span></div></td><td class="next">YY</td></tr></tbody></table>
|
||||
<table><tbody><tr><td><div class="inline-block"><span class="target border">HHH</span></div></td><td class="next">ZZ</td></tr></tbody></table>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
<html><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title>
|
||||
<link href="reference/outline-inline-block-vrl-006.htm" rel="match">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes">
|
||||
<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property">
|
||||
<meta content="ahem" name="flags">
|
||||
|
|
@ -18,7 +19,7 @@
|
|||
outline:blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if inside of blue rectangles are orange.
|
||||
</head><body><p>Test passes if the inside of 3 blue rectangles is orange.
|
||||
</p><div class="container">
|
||||
<!--
|
||||
Additional div to ensure that the origin of the containing block of the
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
|
||||
<link href="reference/outline-inline-vlr-006.htm" rel="match">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes">
|
||||
<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property">
|
||||
<meta content="ahem" name="flags">
|
||||
|
|
@ -9,7 +10,6 @@
|
|||
div {
|
||||
color:transparent;
|
||||
font:50px/1 Ahem;
|
||||
width:2em;
|
||||
height:5em;
|
||||
}
|
||||
.vlr {
|
||||
|
|
@ -20,6 +20,6 @@ div {
|
|||
outline:blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if inside of blue rectangles are orange.
|
||||
</head><body><p>Test passes if the inside of 2 blue squares is orange.
|
||||
</p><div class="vlr">1234<span class="outline">5 6</span>7890</div>
|
||||
</body></html>
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
|
||||
<link href="reference/outline-inline-vrl-006.htm" rel="match">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes">
|
||||
<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property">
|
||||
<meta content="ahem" name="flags">
|
||||
|
|
@ -17,7 +18,7 @@
|
|||
outline:blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if inside of blue rectangles are orange.
|
||||
</head><body><p>Test passes if the inside of 2 blue squares is orange.
|
||||
</p><div class="container">
|
||||
<!--
|
||||
Additional div to ensure that the origin of the containing block of the
|
||||
|
|
|
|||
|
|
@ -3,7 +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-08-13 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
|
|
|
|||
|
|
@ -3,7 +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-08-13 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
.container {
|
||||
|
|
@ -13,7 +14,7 @@
|
|||
outline:blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if inside of blue rectangles are orange.
|
||||
</head><body><p>Test passes if the inside of 3 blue rectangles is orange.
|
||||
</p><div class="container">
|
||||
<span style="margin-left:1em" class="outline">1</span><br>
|
||||
<span style="margin-left:3em" class="outline">1<br>2</span><br>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
div {
|
||||
color:transparent;
|
||||
font:50px/1 Ahem;
|
||||
width:2em;
|
||||
height:5em;
|
||||
}
|
||||
.outline {
|
||||
color:orange;
|
||||
outline:blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if inside of blue rectangles are orange.
|
||||
</head><body><p>Test passes if the inside of 2 blue squares is orange.
|
||||
</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div>
|
||||
</body></html>
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
.container {
|
||||
|
|
@ -12,7 +13,7 @@
|
|||
outline:blue solid 2px;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if inside of blue rectangles are orange.
|
||||
</head><body><p>Test passes if the inside of 2 blue squares is orange.
|
||||
</p><div class="container">
|
||||
<div>111<span class="outline">1</span></div>
|
||||
<div>1</div>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,8 @@
|
|||
<!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/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
|
|
@ -15,14 +11,9 @@
|
|||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -17,7 +17,7 @@ Pre-built font binaries
|
|||
----
|
||||
The installable font resources (font binaries) are not part of the source files.
|
||||
They are available at https://github.com/adobe-fonts/css-orientation-test/
|
||||
The latest version of the font binaries is 1.005 (October 2015).
|
||||
The latest version of the font binaries is 1.005 (April 4th 2015).
|
||||
|
||||
|
||||
Requirements
|
||||
|
|
|
|||
|
|
@ -0,0 +1,190 @@
|
|||
(function() {
|
||||
// Test is initiated from body.onload, so explicit done() call is required.
|
||||
setup({ explicit_done: true });
|
||||
|
||||
function checkSubtreeExpectedValues(t, parent, prefix)
|
||||
{
|
||||
var checkedLayout = checkExpectedValues(t, parent, prefix);
|
||||
Array.prototype.forEach.call(parent.childNodes, function(node) {
|
||||
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
|
||||
});
|
||||
return checkedLayout;
|
||||
}
|
||||
|
||||
function checkAttribute(output, node, attribute)
|
||||
{
|
||||
var result = node.getAttribute && node.getAttribute(attribute);
|
||||
output.checked |= !!result;
|
||||
return result;
|
||||
}
|
||||
|
||||
function assert_tolerance(actual, expected, message)
|
||||
{
|
||||
if (isNaN(expected) || Math.abs(actual - expected) >= 1) {
|
||||
assert_equals(actual, Number(expected), message);
|
||||
}
|
||||
}
|
||||
|
||||
function checkExpectedValues(t, node, prefix)
|
||||
{
|
||||
var output = { checked: false };
|
||||
|
||||
var expectedWidth = checkAttribute(output, node, "data-expected-width");
|
||||
if (expectedWidth) {
|
||||
assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width");
|
||||
}
|
||||
|
||||
var expectedHeight = checkAttribute(output, node, "data-expected-height");
|
||||
if (expectedHeight) {
|
||||
assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-offset-x");
|
||||
if (expectedOffset) {
|
||||
assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-offset-y");
|
||||
if (expectedOffset) {
|
||||
assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop");
|
||||
}
|
||||
|
||||
var expectedWidth = checkAttribute(output, node, "data-expected-client-width");
|
||||
if (expectedWidth) {
|
||||
assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth");
|
||||
}
|
||||
|
||||
var expectedHeight = checkAttribute(output, node, "data-expected-client-height");
|
||||
if (expectedHeight) {
|
||||
assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight");
|
||||
}
|
||||
|
||||
var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width");
|
||||
if (expectedWidth) {
|
||||
assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth");
|
||||
}
|
||||
|
||||
var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height");
|
||||
if (expectedHeight) {
|
||||
assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-total-x");
|
||||
if (expectedOffset) {
|
||||
var totalLeft = node.clientLeft + node.offsetLeft;
|
||||
assert_tolerance(totalLeft, expectedOffset, prefix +
|
||||
"clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-total-y");
|
||||
if (expectedOffset) {
|
||||
var totalTop = node.clientTop + node.offsetTop;
|
||||
assert_tolerance(totalTop, expectedOffset, prefix +
|
||||
"clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")");
|
||||
}
|
||||
|
||||
var expectedDisplay = checkAttribute(output, node, "data-expected-display");
|
||||
if (expectedDisplay) {
|
||||
var actualDisplay = getComputedStyle(node).display;
|
||||
assert_equals(actualDisplay, expectedDisplay, prefix + "display");
|
||||
}
|
||||
|
||||
var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top");
|
||||
if (expectedPaddingTop) {
|
||||
var actualPaddingTop = getComputedStyle(node).paddingTop;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingTop = actualPaddingTop.slice(0, -2);
|
||||
assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top");
|
||||
}
|
||||
|
||||
var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom");
|
||||
if (expectedPaddingBottom) {
|
||||
var actualPaddingBottom = getComputedStyle(node).paddingBottom;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingBottom = actualPaddingBottom.slice(0, -2);
|
||||
assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom");
|
||||
}
|
||||
|
||||
var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left");
|
||||
if (expectedPaddingLeft) {
|
||||
var actualPaddingLeft = getComputedStyle(node).paddingLeft;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingLeft = actualPaddingLeft.slice(0, -2);
|
||||
assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left");
|
||||
}
|
||||
|
||||
var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right");
|
||||
if (expectedPaddingRight) {
|
||||
var actualPaddingRight = getComputedStyle(node).paddingRight;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingRight = actualPaddingRight.slice(0, -2);
|
||||
assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right");
|
||||
}
|
||||
|
||||
var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top");
|
||||
if (expectedMarginTop) {
|
||||
var actualMarginTop = getComputedStyle(node).marginTop;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginTop = actualMarginTop.slice(0, -2);
|
||||
assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top");
|
||||
}
|
||||
|
||||
var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom");
|
||||
if (expectedMarginBottom) {
|
||||
var actualMarginBottom = getComputedStyle(node).marginBottom;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginBottom = actualMarginBottom.slice(0, -2);
|
||||
assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom");
|
||||
}
|
||||
|
||||
var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left");
|
||||
if (expectedMarginLeft) {
|
||||
var actualMarginLeft = getComputedStyle(node).marginLeft;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginLeft = actualMarginLeft.slice(0, -2);
|
||||
assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left");
|
||||
}
|
||||
|
||||
var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right");
|
||||
if (expectedMarginRight) {
|
||||
var actualMarginRight = getComputedStyle(node).marginRight;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginRight = actualMarginRight.slice(0, -2);
|
||||
assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right");
|
||||
}
|
||||
|
||||
return output.checked;
|
||||
}
|
||||
|
||||
window.checkLayout = function(selectorList, outputContainer)
|
||||
{
|
||||
if (!selectorList) {
|
||||
console.error("You must provide a CSS selector of nodes to check.");
|
||||
return;
|
||||
}
|
||||
var nodes = document.querySelectorAll(selectorList);
|
||||
var testNumber = 0;
|
||||
nodes = Array.prototype.slice.call(nodes);
|
||||
nodes.reverse();
|
||||
var checkedLayout = false;
|
||||
Array.prototype.forEach.call(nodes, function(node) {
|
||||
test(function(t) {
|
||||
var container = node.parentNode.className == 'container' ? node.parentNode : node;
|
||||
var prefix = "\n" + container.outerHTML + "\n";
|
||||
var passed = false;
|
||||
try {
|
||||
checkedLayout |= checkExpectedValues(t, node.parentNode, prefix);
|
||||
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
|
||||
passed = true;
|
||||
} finally {
|
||||
checkedLayout |= !passed;
|
||||
}
|
||||
}, selectorList + ' ' + String(++testNumber));
|
||||
});
|
||||
if (!checkedLayout) {
|
||||
console.error("No valid data-* attributes found in selector list : " + selectorList);
|
||||
}
|
||||
done();
|
||||
};
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
.flexbox {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
.inline-flexbox {
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.flex-none {
|
||||
-webkit-flex: none;
|
||||
flex: none;
|
||||
}
|
||||
.flex-auto {
|
||||
-webkit-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
.flex-one {
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.flex-one-one-auto {
|
||||
-webkit-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.row {
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
.row-reverse {
|
||||
-webkit-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.column {
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.column-reverse {
|
||||
-webkit-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.wrap-reverse {
|
||||
-webkit-flex-wrap: wrap-reverse;
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
|
||||
.align-content-flex-start {
|
||||
-webkit-align-content: flex-start;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.align-content-flex-end {
|
||||
-webkit-align-content: flex-end;
|
||||
align-content: flex-end;
|
||||
}
|
||||
.align-content-center {
|
||||
-webkit-align-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
.align-content-space-between {
|
||||
-webkit-align-content: space-between;
|
||||
align-content: space-between;
|
||||
}
|
||||
.align-content-space-around {
|
||||
-webkit-align-content: space-around;
|
||||
align-content: space-around;
|
||||
}
|
||||
.align-content-stretch {
|
||||
-webkit-align-content: stretch;
|
||||
align-content: stretch;
|
||||
}
|
||||
|
||||
.align-items-flex-start {
|
||||
-webkit-align-items: flex-start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.align-items-flex-end {
|
||||
-webkit-align-items: flex-end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.align-items-center {
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.align-items-baseline {
|
||||
-webkit-align-items: baseline;
|
||||
align-items: baseline;
|
||||
}
|
||||
.align-items-stretch {
|
||||
-webkit-align-items: stretch;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.align-self-auto {
|
||||
-webkit-align-self: auto;
|
||||
align-self: auto;
|
||||
}
|
||||
.align-self-flex-start {
|
||||
-webkit-align-self: flex-start;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.align-self-flex-end {
|
||||
-webkit-align-self: flex-end;
|
||||
align-self: flex-end;
|
||||
}
|
||||
.align-self-center {
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
}
|
||||
.align-self-baseline {
|
||||
-webkit-align-self: baseline;
|
||||
align-self: baseline;
|
||||
}
|
||||
.align-self-stretch {
|
||||
-webkit-align-self: stretch;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.justify-content-flex-start {
|
||||
-webkit-justify-content: flex-start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-content-flex-end {
|
||||
-webkit-justify-content: flex-end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-content-center {
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-content-space-between {
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-content-space-around {
|
||||
-webkit-justify-content: space-around;
|
||||
justify-content: space-around;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
Binary file not shown.
|
Before Width: | Height: | Size: 691 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -1,6 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Reference</title>
|
||||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-15 -->
|
||||
|
||||
<style>
|
||||
table {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Reference</title>
|
||||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-15 -->
|
||||
|
||||
<style>
|
||||
table {
|
||||
|
|
|
|||
|
|
@ -1,51 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for text-orientation-014.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
|
||||
<meta http-equiv="content-language" content="en">
|
||||
<style type="text/css">
|
||||
.view_ahem
|
||||
{
|
||||
background: pink;
|
||||
border: 1px solid black;
|
||||
color: blue;
|
||||
font: 20px/1 "Ahem";
|
||||
height: 3em;
|
||||
margin: 10px;
|
||||
width: 3em;
|
||||
white-space: pre;
|
||||
}
|
||||
.control_ahem
|
||||
{
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.view
|
||||
{
|
||||
border: 1px solid gray;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
width: 3em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.control
|
||||
{
|
||||
text-combine-upright: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p>
|
||||
<div class="view_ahem"><span class="control_ahem">7 1
|
||||
52
|
||||
63</span></div>
|
||||
<div class="view_ahem"><span class="control_ahem">7 1
|
||||
52
|
||||
63</span></div>
|
||||
<hr>
|
||||
<div class="view"><span class="control">123Abc<br>def456</span></div>
|
||||
<div class="view"><span class="control">123Abc<br>def456</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!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="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: blue solid 15px;
|
||||
border-top: blue solid 15px;
|
||||
margin-top: 8px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if both blue-and-yellow rectangles are <strong>identical</strong>.</p>
|
||||
|
||||
<div><img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="50" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled"></div>
|
||||
|
||||
|
||||
<div><img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="50" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: mixed.</title>
|
||||
<meta content="font" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "orientation";
|
||||
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
||||
}
|
||||
html {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.test {
|
||||
font: 20px/1 "orientation";
|
||||
height: 17em;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
.line {
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="container">
|
||||
<div>U+0020-007E<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+3000-30FF<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+4E00-4E1F<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+FF01-FF60<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国A国国国国国国国国国国国国国国AAA国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: mixed.</title>
|
||||
<meta content="font" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "orientation";
|
||||
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
||||
}
|
||||
html {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.test {
|
||||
font: 20px/1 "orientation";
|
||||
height: 17em;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
.line {
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="container">
|
||||
<div>U+0020-007E<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+3000-30FF<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+4E00-4E1F<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+FF01-FF60<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国A国国国国国国国国国国国国国国AAA国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: sideways.</title>
|
||||
<meta content="font" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "orientation";
|
||||
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
||||
}
|
||||
html {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.test {
|
||||
font: 20px/1 "orientation";
|
||||
height: 17em;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
.line {
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="container">
|
||||
<div>U+0020-007E<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+3000-30FF<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+4E00-4E1F<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+FF01-FF60<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: sideways.</title>
|
||||
<meta content="font" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "orientation";
|
||||
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
||||
}
|
||||
html {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.test {
|
||||
font: 20px/1 "orientation";
|
||||
height: 17em;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
.line {
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="container">
|
||||
<div>U+0020-007E<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+3000-30FF<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+4E00-4E1F<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
<div>U+FF01-FF60<div class="test">
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: upright.</title>
|
||||
<meta content="font" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "orientation";
|
||||
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
||||
}
|
||||
html {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.test {
|
||||
font: 20px/1 "orientation";
|
||||
height: 17em;
|
||||
text-orientation: upright;
|
||||
}
|
||||
.line {
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="container">
|
||||
<div>U+0020-007E<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+3000-30FF<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+4E00-4E1F<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+FF01-FF60<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: upright.</title>
|
||||
<meta content="font" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "orientation";
|
||||
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
|
||||
}
|
||||
html {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.test {
|
||||
font: 20px/1 "orientation";
|
||||
height: 17em;
|
||||
text-orientation: upright;
|
||||
}
|
||||
.line {
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<div id="container">
|
||||
<div>U+0020-007E<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+3000-30FF<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+4E00-4E1F<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
<div>U+FF01-FF60<div class="test">
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -3928,6 +3928,70 @@
|
|||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vlr-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="floated border-collapsing tables (vertical-lr)">
|
||||
<a href="contiguous-floated-table-vlr-003.htm">contiguous-floated-table-vlr-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vlr-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="floated non-border-collapsing tables (vertical-lr)">
|
||||
<a href="contiguous-floated-table-vlr-005.htm">contiguous-floated-table-vlr-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vlr-007" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-lr - contiguous floated tables and horizontal margins">
|
||||
<a href="contiguous-floated-table-vlr-007.htm">contiguous-floated-table-vlr-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vlr-009" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-lr - contiguous floated tables and horizontal margins">
|
||||
<a href="contiguous-floated-table-vlr-009.htm">contiguous-floated-table-vlr-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vrl-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="floated border-collapsing tables (vertical-rl)">
|
||||
<a href="contiguous-floated-table-vrl-002.htm">contiguous-floated-table-vrl-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vrl-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="floated non-border-collapsing tables (vertical-rl)">
|
||||
<a href="contiguous-floated-table-vrl-004.htm">contiguous-floated-table-vrl-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vrl-006" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-rl - contiguous floated tables and horizontal margins">
|
||||
<a href="contiguous-floated-table-vrl-006.htm">contiguous-floated-table-vrl-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="contiguous-floated-table-vrl-008" class="image">
|
||||
<tr>
|
||||
<td rowspan="1" title="vertical-rl - contiguous floated tables and horizontal margins">
|
||||
<a href="contiguous-floated-table-vrl-008.htm">contiguous-floated-table-vrl-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="css-flexbox-row" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="flex direction: row, writing mode vertical">
|
||||
|
|
@ -6160,22 +6224,54 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-014" class="ahem">
|
||||
<tbody id="text-orientation-016" class="ahem image">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-orientation - sideways">
|
||||
<a href="text-orientation-014.htm">text-orientation-014</a></td>
|
||||
<td><a href="reference/text-orientation-014-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
<a href="text-orientation-016.htm">text-orientation-016</a></td>
|
||||
<td><a href="reference/text-orientation-016-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-mixed-srl-016" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect">
|
||||
<a href="text-orientation-mixed-srl-016.htm">text-orientation-mixed-srl-016</a></td>
|
||||
<td><a href="reference/text-orientation-upright-srl-016-ref.htm">=</a> </td>
|
||||
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-mixed-vlr-100" class="font">
|
||||
<tr>
|
||||
<td rowspan="1" title="writing-mode: vertical-lr; text-orientation: mixed.">
|
||||
<a href="text-orientation-mixed-vlr-100.htm">text-orientation-mixed-vlr-100</a></td>
|
||||
<td><a href="reference/text-orientation-mixed-vlr-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-mixed-vrl-100" class="font">
|
||||
<tr>
|
||||
<td rowspan="1" title="writing-mode: vertical-rl; text-orientation: mixed.">
|
||||
<a href="text-orientation-mixed-vrl-100.htm">text-orientation-mixed-vrl-100</a></td>
|
||||
<td><a href="reference/text-orientation-mixed-vrl-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-sideways-vlr-100" class="font">
|
||||
<tr>
|
||||
<td rowspan="1" title="writing-mode: vertical-lr; text-orientation: sideways.">
|
||||
<a href="text-orientation-sideways-vlr-100.htm">text-orientation-sideways-vlr-100</a></td>
|
||||
<td><a href="reference/text-orientation-sideways-vlr-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-sideways-vrl-100" class="font">
|
||||
<tr>
|
||||
<td rowspan="1" title="writing-mode: vertical-rl; text-orientation: sideways.">
|
||||
<a href="text-orientation-sideways-vrl-100.htm">text-orientation-sideways-vrl-100</a></td>
|
||||
<td><a href="reference/text-orientation-sideways-vrl-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-upright-srl-018" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect">
|
||||
|
|
@ -6184,6 +6280,22 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-upright-vlr-100" class="font">
|
||||
<tr>
|
||||
<td rowspan="1" title="writing-mode: vertical-lr; text-orientation: upright.">
|
||||
<a href="text-orientation-upright-vlr-100.htm">text-orientation-upright-vlr-100</a></td>
|
||||
<td><a href="reference/text-orientation-upright-vlr-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-orientation-upright-vrl-100" class="font">
|
||||
<tr>
|
||||
<td rowspan="1" title="writing-mode: vertical-rl; text-orientation: upright.">
|
||||
<a href="text-orientation-upright-vrl-100.htm">text-orientation-upright-vrl-100</a></td>
|
||||
<td><a href="reference/text-orientation-upright-vrl-100-ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="font" title="Requires a special font">Font</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="unicode-bidi-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Unicode-bidi set to 'normal'">
|
||||
|
|
|
|||
|
|
@ -487,6 +487,14 @@ clip-rect-vrl-010.htm == reference/clip-rect-vrl-010-ref.htm
|
|||
clip-rect-vrl-012.htm == reference/clip-rect-vrl-012-ref.htm
|
||||
clip-rect-vrl-014.htm == reference/clip-rect-vrl-014-ref.htm
|
||||
clip-rect-vrl-016.htm == reference/clip-rect-vrl-016-ref.htm
|
||||
contiguous-floated-table-vlr-003.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vlr-005.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vlr-007.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vlr-009.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vrl-002.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vrl-004.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vrl-006.htm == reference/ref-filled-green-100px-square.htm
|
||||
contiguous-floated-table-vrl-008.htm == reference/ref-filled-green-100px-square.htm
|
||||
css-flexbox-row.htm == reference/css-flexbox-row-ref.htm
|
||||
css-flexbox-row-reverse.htm == reference/css-flexbox-row-ref.htm
|
||||
css-flexbox-row-reverse-wrap.htm == reference/css-flexbox-row-ref.htm
|
||||
|
|
@ -766,9 +774,15 @@ text-indent-vrl-010.htm == reference/text-indent-vrl-010-ref.htm
|
|||
text-indent-vrl-012.htm == reference/text-indent-vrl-012-ref.htm
|
||||
text-indent-vrl-014.htm == reference/text-indent-vrl-010-ref.htm
|
||||
text-indent-vrl-016.htm == reference/text-indent-vrl-012-ref.htm
|
||||
text-orientation-014.htm == reference/text-orientation-014-ref.htm
|
||||
text-orientation-mixed-srl-016.htm == reference/text-orientation-upright-srl-016-ref.htm
|
||||
text-orientation-016.htm == reference/text-orientation-016-ref.htm
|
||||
text-orientation-mixed-srl-016.htm == reference/text-orientation-mixed-srl-016-ref.htm
|
||||
text-orientation-mixed-vlr-100.htm == reference/text-orientation-mixed-vlr-100-ref.htm
|
||||
text-orientation-mixed-vrl-100.htm == reference/text-orientation-mixed-vrl-100-ref.htm
|
||||
text-orientation-sideways-vlr-100.htm == reference/text-orientation-sideways-vlr-100-ref.htm
|
||||
text-orientation-sideways-vrl-100.htm == reference/text-orientation-sideways-vrl-100-ref.htm
|
||||
text-orientation-upright-srl-018.htm == reference/text-orientation-mixed-srl-016-ref.htm
|
||||
text-orientation-upright-vlr-100.htm == reference/text-orientation-upright-vlr-100-ref.htm
|
||||
text-orientation-upright-vrl-100.htm == reference/text-orientation-upright-vrl-100-ref.htm
|
||||
unicode-bidi-001.htm == reference/direction-002-ref.htm
|
||||
unicode-bidi-002.htm == reference/unicode-bidi-002-ref.htm
|
||||
unicode-bidi-003.htm == reference/direction-002-ref.htm
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
|
|||
|
||||
The pattern-* images use cells of various sizes:
|
||||
|
||||
pattern-gg-gr.png 20x20
|
||||
pattern-grg-rgr-grg.png 20x20
|
||||
pattern-rgr-grg-rgr.png 20x20
|
||||
pattern-tr.png 15x15
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -17,7 +17,7 @@ Pre-built font binaries
|
|||
----
|
||||
The installable font resources (font binaries) are not part of the source files.
|
||||
They are available at https://github.com/adobe-fonts/css-orientation-test/
|
||||
The latest version of the font binaries is 1.005 (October 2015).
|
||||
The latest version of the font binaries is 1.005 (April 4th 2015).
|
||||
|
||||
|
||||
Requirements
|
||||
|
|
|
|||
|
|
@ -0,0 +1,190 @@
|
|||
(function() {
|
||||
// Test is initiated from body.onload, so explicit done() call is required.
|
||||
setup({ explicit_done: true });
|
||||
|
||||
function checkSubtreeExpectedValues(t, parent, prefix)
|
||||
{
|
||||
var checkedLayout = checkExpectedValues(t, parent, prefix);
|
||||
Array.prototype.forEach.call(parent.childNodes, function(node) {
|
||||
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
|
||||
});
|
||||
return checkedLayout;
|
||||
}
|
||||
|
||||
function checkAttribute(output, node, attribute)
|
||||
{
|
||||
var result = node.getAttribute && node.getAttribute(attribute);
|
||||
output.checked |= !!result;
|
||||
return result;
|
||||
}
|
||||
|
||||
function assert_tolerance(actual, expected, message)
|
||||
{
|
||||
if (isNaN(expected) || Math.abs(actual - expected) >= 1) {
|
||||
assert_equals(actual, Number(expected), message);
|
||||
}
|
||||
}
|
||||
|
||||
function checkExpectedValues(t, node, prefix)
|
||||
{
|
||||
var output = { checked: false };
|
||||
|
||||
var expectedWidth = checkAttribute(output, node, "data-expected-width");
|
||||
if (expectedWidth) {
|
||||
assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width");
|
||||
}
|
||||
|
||||
var expectedHeight = checkAttribute(output, node, "data-expected-height");
|
||||
if (expectedHeight) {
|
||||
assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-offset-x");
|
||||
if (expectedOffset) {
|
||||
assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-offset-y");
|
||||
if (expectedOffset) {
|
||||
assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop");
|
||||
}
|
||||
|
||||
var expectedWidth = checkAttribute(output, node, "data-expected-client-width");
|
||||
if (expectedWidth) {
|
||||
assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth");
|
||||
}
|
||||
|
||||
var expectedHeight = checkAttribute(output, node, "data-expected-client-height");
|
||||
if (expectedHeight) {
|
||||
assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight");
|
||||
}
|
||||
|
||||
var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width");
|
||||
if (expectedWidth) {
|
||||
assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth");
|
||||
}
|
||||
|
||||
var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height");
|
||||
if (expectedHeight) {
|
||||
assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-total-x");
|
||||
if (expectedOffset) {
|
||||
var totalLeft = node.clientLeft + node.offsetLeft;
|
||||
assert_tolerance(totalLeft, expectedOffset, prefix +
|
||||
"clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")");
|
||||
}
|
||||
|
||||
var expectedOffset = checkAttribute(output, node, "data-total-y");
|
||||
if (expectedOffset) {
|
||||
var totalTop = node.clientTop + node.offsetTop;
|
||||
assert_tolerance(totalTop, expectedOffset, prefix +
|
||||
"clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")");
|
||||
}
|
||||
|
||||
var expectedDisplay = checkAttribute(output, node, "data-expected-display");
|
||||
if (expectedDisplay) {
|
||||
var actualDisplay = getComputedStyle(node).display;
|
||||
assert_equals(actualDisplay, expectedDisplay, prefix + "display");
|
||||
}
|
||||
|
||||
var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top");
|
||||
if (expectedPaddingTop) {
|
||||
var actualPaddingTop = getComputedStyle(node).paddingTop;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingTop = actualPaddingTop.slice(0, -2);
|
||||
assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top");
|
||||
}
|
||||
|
||||
var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom");
|
||||
if (expectedPaddingBottom) {
|
||||
var actualPaddingBottom = getComputedStyle(node).paddingBottom;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingBottom = actualPaddingBottom.slice(0, -2);
|
||||
assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom");
|
||||
}
|
||||
|
||||
var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left");
|
||||
if (expectedPaddingLeft) {
|
||||
var actualPaddingLeft = getComputedStyle(node).paddingLeft;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingLeft = actualPaddingLeft.slice(0, -2);
|
||||
assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left");
|
||||
}
|
||||
|
||||
var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right");
|
||||
if (expectedPaddingRight) {
|
||||
var actualPaddingRight = getComputedStyle(node).paddingRight;
|
||||
// Trim the unit "px" from the output.
|
||||
actualPaddingRight = actualPaddingRight.slice(0, -2);
|
||||
assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right");
|
||||
}
|
||||
|
||||
var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top");
|
||||
if (expectedMarginTop) {
|
||||
var actualMarginTop = getComputedStyle(node).marginTop;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginTop = actualMarginTop.slice(0, -2);
|
||||
assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top");
|
||||
}
|
||||
|
||||
var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom");
|
||||
if (expectedMarginBottom) {
|
||||
var actualMarginBottom = getComputedStyle(node).marginBottom;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginBottom = actualMarginBottom.slice(0, -2);
|
||||
assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom");
|
||||
}
|
||||
|
||||
var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left");
|
||||
if (expectedMarginLeft) {
|
||||
var actualMarginLeft = getComputedStyle(node).marginLeft;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginLeft = actualMarginLeft.slice(0, -2);
|
||||
assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left");
|
||||
}
|
||||
|
||||
var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right");
|
||||
if (expectedMarginRight) {
|
||||
var actualMarginRight = getComputedStyle(node).marginRight;
|
||||
// Trim the unit "px" from the output.
|
||||
actualMarginRight = actualMarginRight.slice(0, -2);
|
||||
assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right");
|
||||
}
|
||||
|
||||
return output.checked;
|
||||
}
|
||||
|
||||
window.checkLayout = function(selectorList, outputContainer)
|
||||
{
|
||||
if (!selectorList) {
|
||||
console.error("You must provide a CSS selector of nodes to check.");
|
||||
return;
|
||||
}
|
||||
var nodes = document.querySelectorAll(selectorList);
|
||||
var testNumber = 0;
|
||||
nodes = Array.prototype.slice.call(nodes);
|
||||
nodes.reverse();
|
||||
var checkedLayout = false;
|
||||
Array.prototype.forEach.call(nodes, function(node) {
|
||||
test(function(t) {
|
||||
var container = node.parentNode.className == 'container' ? node.parentNode : node;
|
||||
var prefix = "\n" + container.outerHTML + "\n";
|
||||
var passed = false;
|
||||
try {
|
||||
checkedLayout |= checkExpectedValues(t, node.parentNode, prefix);
|
||||
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
|
||||
passed = true;
|
||||
} finally {
|
||||
checkedLayout |= !passed;
|
||||
}
|
||||
}, selectorList + ' ' + String(++testNumber));
|
||||
});
|
||||
if (!checkedLayout) {
|
||||
console.error("No valid data-* attributes found in selector list : " + selectorList);
|
||||
}
|
||||
done();
|
||||
};
|
||||
|
||||
})();
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
.flexbox {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
.inline-flexbox {
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.flex-none {
|
||||
-webkit-flex: none;
|
||||
flex: none;
|
||||
}
|
||||
.flex-auto {
|
||||
-webkit-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
.flex-one {
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.flex-one-one-auto {
|
||||
-webkit-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.row {
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
.row-reverse {
|
||||
-webkit-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.column {
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.column-reverse {
|
||||
-webkit-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.wrap-reverse {
|
||||
-webkit-flex-wrap: wrap-reverse;
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
|
||||
.align-content-flex-start {
|
||||
-webkit-align-content: flex-start;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.align-content-flex-end {
|
||||
-webkit-align-content: flex-end;
|
||||
align-content: flex-end;
|
||||
}
|
||||
.align-content-center {
|
||||
-webkit-align-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
.align-content-space-between {
|
||||
-webkit-align-content: space-between;
|
||||
align-content: space-between;
|
||||
}
|
||||
.align-content-space-around {
|
||||
-webkit-align-content: space-around;
|
||||
align-content: space-around;
|
||||
}
|
||||
.align-content-stretch {
|
||||
-webkit-align-content: stretch;
|
||||
align-content: stretch;
|
||||
}
|
||||
|
||||
.align-items-flex-start {
|
||||
-webkit-align-items: flex-start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.align-items-flex-end {
|
||||
-webkit-align-items: flex-end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.align-items-center {
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
.align-items-baseline {
|
||||
-webkit-align-items: baseline;
|
||||
align-items: baseline;
|
||||
}
|
||||
.align-items-stretch {
|
||||
-webkit-align-items: stretch;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.align-self-auto {
|
||||
-webkit-align-self: auto;
|
||||
align-self: auto;
|
||||
}
|
||||
.align-self-flex-start {
|
||||
-webkit-align-self: flex-start;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.align-self-flex-end {
|
||||
-webkit-align-self: flex-end;
|
||||
align-self: flex-end;
|
||||
}
|
||||
.align-self-center {
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
}
|
||||
.align-self-baseline {
|
||||
-webkit-align-self: baseline;
|
||||
align-self: baseline;
|
||||
}
|
||||
.align-self-stretch {
|
||||
-webkit-align-self: stretch;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.justify-content-flex-start {
|
||||
-webkit-justify-content: flex-start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-content-flex-end {
|
||||
-webkit-justify-content: flex-end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-content-center {
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-content-space-between {
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-content-space-around {
|
||||
-webkit-justify-content: space-around;
|
||||
justify-content: space-around;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 203 B |
Binary file not shown.
|
Before Width: | Height: | Size: 691 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -6,58 +6,63 @@
|
|||
<title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vertical-rl</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-01-25 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-21 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" title="2.1 Specifying Directionality: the direction property">
|
||||
<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="match" href="reference/block-flow-direction-001-ref.htm">
|
||||
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'vertical-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom." name="assert">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'vertical-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
td.left-most-cell { padding-left: 0em; }
|
||||
td.left-most-cell
|
||||
{
|
||||
padding-left: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table>
|
||||
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column -->AA B C D</td><td>EE F G H </td><td><!-- topmost column -->J K L MMM</td></tr>
|
||||
<table>
|
||||
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column -->NN O Q R</td><td>SS T U V </td><td><!-- topmost column -->W X Y ZZZ</td></tr>
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column -->111 2 3 4 </td><td>5 6 7 88</td><td><!-- topmost column --> 9 0 1 22</td></tr>
|
||||
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->aa bb</td><td>ee f g hh</td><td><!-- topmost column -->jjj k l mmm</td></tr>
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column -->333 4 5 6 </td><td>7 8 9 00</td><td><!-- topmost column --> 1 2 3 44</td></tr>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column --> nn</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"><!-- topmost column -->vvv w x yyy</td></tr>
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->555 666</td><td>77 8 9 00</td><td><!-- topmost column -->11 2 3 44</td></tr>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column --> 555</td><td class="left-most-cell">66 7 8 99</td><td class="left-most-cell"><!-- topmost column -->00 1 2 33</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,57 +6,63 @@
|
|||
<title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vertical-lr</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-01-25 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-21 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" title="2.1 Specifying Directionality: the direction property">
|
||||
<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="match" href="reference/block-flow-direction-001-ref.htm">
|
||||
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom." name="assert">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
td.left-most-cell { padding-left: 0em; }
|
||||
td.left-most-cell
|
||||
{
|
||||
padding-left: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column -->AA </td><td class="left-most-cell">BB C D E </td><td class="left-most-cell"><!-- topmost column -->FFF G H III</td></tr>
|
||||
<tr><td class="left-most-cell"><!-- bottommost column -->111 </td><td class="left-most-cell">22 3 4 55</td><td class="left-most-cell"><!-- topmost column -->66 7 8 99</td></tr>
|
||||
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->JJ KK</td><td>LL M N OO</td><td><!-- topmost column -->PPP Q R SSS</td></tr>
|
||||
<tr><td><!-- bottommost column -->000 111</td><td>22 3 4 55</td><td><!-- topmost column -->66 7 8 99</td></tr>
|
||||
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column --> T U V WW</td><td>X Y Z aa</td><td><!-- topmost column -->bbb c d e </td></tr>
|
||||
<tr><td><!-- bottommost column -->0 1 2 333</td><td>44 5 6 7 </td><td><!-- topmost column -->88 9 0 1</td></tr>
|
||||
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column --> f g h ii</td><td>j k l mm</td><td><!-- topmost column -->nnn o q r </td></tr>
|
||||
<tr><td><!-- bottommost column -->2 3 4 555</td><td>66 7 8 9 </td><td><!-- topmost column -->00 1 2 3</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,40 +6,43 @@
|
|||
<title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vertical-rl</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-01-25 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-21 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" title="2.1 Specifying Directionality: the direction property">
|
||||
<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="match" href="reference/block-flow-direction-001-ref.htm">
|
||||
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction." name="assert">
|
||||
<meta content="This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
td.left-most-cell { padding-left: 0em; }
|
||||
td.left-most-cell
|
||||
{
|
||||
padding-left: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
|
@ -48,16 +51,16 @@
|
|||
<table>
|
||||
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column -->AA B C D</td><td>EE F G H </td><td><!-- topmost column -->I J K LLL</td></tr>
|
||||
<tr><td><!-- bottommost column -->111 2 3 4 </td><td>5 6 7 88</td><td><!-- topmost column --> 9 0 1 22</td></tr>
|
||||
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td colspan="2"><!-- bottommost column -->MMMM N N O O P P</td><td><!-- topmost column -->Q R S TTT</td></tr>
|
||||
<tr><td colspan="2"><!-- bottommost column -->3333 4 5 6 7 8 99</td><td><!-- topmost column --> 1 2 3 44</td></tr>
|
||||
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->UU VV</td><td colspan="2"><!-- topmost column -->WWWWW X X Y Y ZZZZZ</td></tr>
|
||||
<tr><td><!-- bottommost column -->555 666</td><td colspan="2"><!-- topmost column -->7777 8 9 0 1 2222</td></tr>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column --> aa</td><td class="left-most-cell"> b c d ee</td><td class="left-most-cell"><!-- topmost column -->fff g h iii</td></tr>
|
||||
<tr><td class="left-most-cell"><!-- bottommost column --> 333</td><td class="left-most-cell">44 5 6 77</td><td class="left-most-cell"><!-- topmost column -->88 9 0 11</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,40 +6,43 @@
|
|||
<title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vertical-lr</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-01-25 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-21 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" title="2.1 Specifying Directionality: the direction property">
|
||||
<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="match" href="reference/block-flow-direction-001-ref.htm">
|
||||
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction." name="assert">
|
||||
<meta content="This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
td.left-most-cell { padding-left: 0em; }
|
||||
td.left-most-cell
|
||||
{
|
||||
padding-left: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
|
@ -48,16 +51,16 @@
|
|||
<table>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column -->AA </td><td class="left-most-cell">BB C D E </td><td class="left-most-cell"><!-- topmost column -->FFF G H III</td></tr>
|
||||
<tr><td class="left-most-cell"><!-- bottommost column -->111 </td><td class="left-most-cell">22 3 4 55</td><td class="left-most-cell"><!-- topmost column -->66 7 8 99</td></tr>
|
||||
|
||||
<!-- The "A" -->
|
||||
<tr><td colspan="2"><!-- bottommost column -->JJJJ K L MMMM</td><td><!-- topmost column -->NNN O P QQQ</td></tr>
|
||||
<tr><td colspan="2"><!-- bottommost column -->00000 1 2 33333</td><td><!-- topmost column -->44 5 6 77</td></tr>
|
||||
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column --> R S T UU</td><td colspan="2"><!-- topmost column -->VVVV W X Y Z a bb</td></tr>
|
||||
<tr><td><!-- bottommost column -->8 9 0 111</td><td colspan="2"><!-- topmost column -->2222 3 4 5 6 7 8</td></tr>
|
||||
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column --> c d b cc</td><td>d e f gg</td><td><!-- topmost column -->hhh i j k </td></tr>
|
||||
<tr><td><!-- bottommost column -->9 0 1 222</td><td>33 4 5 6 </td><td><!-- topmost column -->77 8 9 0</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,57 +6,63 @@
|
|||
<title>CSS Writing Modes Test: 'direction: rtl' - table columns order and sideways-lr</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-01-25 -->
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-22 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" title="2.1 Specifying Directionality: the direction property">
|
||||
<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="match" href="reference/block-flow-direction-001-ref.htm">
|
||||
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'sideways-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom." name="assert">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'sideways-lr' and with 'direction' set to 'rtl' will have its column displayed from top (1st column) to bottom (last column). This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
td.left-most-cell { padding-left: 0em; }
|
||||
td.left-most-cell
|
||||
{
|
||||
padding-left: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column -->AA </td><td class="left-most-cell">BB C D E </td><td class="left-most-cell"><!-- topmost column -->FFF G H III</td></tr>
|
||||
<tr><td class="left-most-cell"><!-- topmost column -->11 2 3 44</td><td class="left-most-cell">55 6 7 88</td><td class="left-most-cell"><!-- bottommost column -->999 </td></tr>
|
||||
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->JJ KK</td><td>LL M N OO</td><td><!-- topmost column -->PPP Q R SSS</td></tr>
|
||||
<tr><td><!-- topmost column -->00 1 2 33</td><td>44 5 6 77</td><td><!-- bottommost column -->888 999</td></tr>
|
||||
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column --> T U V WW</td><td>X Y Z aa</td><td><!-- topmost column -->bbb c d e </td></tr>
|
||||
<tr><td><!-- topmost column -->00 1 2 3 </td><td>44 5 6 7</td><td><!-- bottommost column --> 8 9 0 111</td></tr>
|
||||
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column --> f g h ii</td><td>j k l mm</td><td><!-- topmost column -->nnn o q r </td></tr>
|
||||
<tr><td><!-- topmost column -->22 3 4 5 </td><td>66 7 8 9</td><td><!-- bottommost column --> 0 1 2 333</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,57 +6,63 @@
|
|||
<title>CSS Writing Modes Test: 'direction: rtl' - table columns order and sideways-rl</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-12-22 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" title="2.1 Specifying Directionality: the direction property">
|
||||
<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="match" href="reference/block-flow-direction-001-ref.htm">
|
||||
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'sideways-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom." name="assert">
|
||||
<meta content="This test checks that a table with 'writing-mode' set to 'sideways-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). This test relies on right-to-left directionality applying to characters that are strongly sensitive to directionality. In this test, we use digits [0-9] and non-breaking spaces which are all strongly sensitive to bidi directionality." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
{
|
||||
color: yellow;
|
||||
font: 20px/1 Ahem;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
{
|
||||
background-color: blue;
|
||||
border-spacing: 0em;
|
||||
border: blue solid 1em;
|
||||
height: 7em;
|
||||
direction: rtl;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
{
|
||||
padding-bottom: 0em;
|
||||
padding-left: 1em;
|
||||
padding-right: 0em;
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
td.left-most-cell { padding-left: 0em; }
|
||||
td.left-most-cell
|
||||
{
|
||||
padding-left: 0em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table>
|
||||
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column -->AA B C D</td><td>EE F G H </td><td><!-- topmost column -->J K L MMM</td></tr>
|
||||
<table>
|
||||
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column -->NN O Q R</td><td>SS T U V </td><td><!-- topmost column -->W X Y ZZZ</td></tr>
|
||||
<!-- The right-most "S" -->
|
||||
<tr><td><!-- bottommost column -->111 2 3 4 </td><td>5 6 7 88</td><td><!-- topmost column --> 9 0 1 22</td></tr>
|
||||
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->aa bb</td><td>ee f g hh</td><td><!-- topmost column -->jjj k l mmm</td></tr>
|
||||
<!-- The left-most "S" -->
|
||||
<tr><td><!-- bottommost column -->333 4 5 6 </td><td>7 8 9 00</td><td><!-- topmost column --> 1 2 3 44</td></tr>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column --> nn</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"><!-- topmost column -->vvv w x yyy</td></tr>
|
||||
<!-- The "A" -->
|
||||
<tr><td><!-- bottommost column -->555 666</td><td>77 8 9 00</td><td><!-- topmost column -->11 2 3 44</td></tr>
|
||||
|
||||
<!-- The "P" -->
|
||||
<tr><td class="left-most-cell"><!-- bottommost column --> 555</td><td class="left-most-cell">66 7 8 99</td><td class="left-most-cell"><!-- topmost column -->00 1 2 33</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,8 +5,8 @@
|
|||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="reference/table-progression-slr-001-ref.htm" rel="match">
|
||||
<meta content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" rel="help" title="3.1 Block Flow Direction: the 'writing-mode' property">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" title="2.1 Specifying Directionality: the 'direction' property">
|
||||
|
||||
<style>
|
||||
.test {
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="reference/table-progression-002-ref.htm" rel="match">
|
||||
<meta content="This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" rel="help" title="3.1 Block Flow Direction: the 'writing-mode' property">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" title="2.1 Specifying Directionality: the 'direction' property">
|
||||
|
||||
<style>
|
||||
.test {
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@
|
|||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="reference/table-progression-001-ref.htm" rel="match">
|
||||
<meta content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" rel="help" title="3.1 Block Flow Direction: the 'writing-mode' property">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" title="2.1 Specifying Directionality: the 'direction' property">
|
||||
|
||||
<style>
|
||||
.test {
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@
|
|||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="reference/table-progression-002-ref.htm" rel="match">
|
||||
<meta content="This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" rel="help" title="3.1 Block Flow Direction: the 'writing-mode' property">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" title="2.1 Specifying Directionality: the 'direction' property">
|
||||
|
||||
<style>
|
||||
.test {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title>
|
||||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-15 -->
|
||||
<link href="reference/table-progression-001-ref.htm" rel="match">
|
||||
<meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert">
|
||||
<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
|
||||
<meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" rel="help" title="3.1 Block Flow Direction: the 'writing-mode' property">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" title="2.1 Specifying Directionality: the 'direction' property">
|
||||
|
||||
<style>
|
||||
.test {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Test: vertical-lr Table Column/Colgroup Ordering</title>
|
||||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
|
||||
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-15 -->
|
||||
<link href="reference/table-progression-002-ref.htm" rel="match">
|
||||
<meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert">
|
||||
<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help">
|
||||
<meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" rel="help" title="3.1 Block Flow Direction: the 'writing-mode' property">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" z="" rel="help">
|
||||
|
||||
<style>
|
||||
.test {
|
||||
|
|
|
|||
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