diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2015-11-30 10:16:54 +0100 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2015-11-30 12:21:03 +0100 |
| commit | 6bb495338bc5dd2ce4e66ca5e0e69b0016319f07 (patch) | |
| tree | 685503020cda0c53793faee76351755c228876e3 /tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1 | |
| parent | 0f7204936394fe104431f01c68ffa17829426cba (diff) | |
| download | servo-6bb495338bc5dd2ce4e66ca5e0e69b0016319f07.tar.gz servo-6bb495338bc5dd2ce4e66ca5e0e69b0016319f07.zip | |
Update CSS tests to revision 4e1aa4f3dcbff1abd654c63d0f677379c1e2775f
Diffstat (limited to 'tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1')
147 files changed, 4478 insertions, 1220 deletions
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-htb-001.xht index dc2496d5f39..179d9924cd1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-htb-001.xht @@ -13,7 +13,10 @@ <meta content="This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc..." name="assert" /> <style type="text/css"><![CDATA[ - html { writing-mode: horizontal-tb; } + html + { + writing-mode: horizontal-tb; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -22,22 +25,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - width: 21em; - } + { + color: yellow; + font: 20px/1 Ahem; + width: 21em; + } div - { - background-color: blue; - border-left: blue solid 1em; - border-right: blue solid 1em; - } - - div#top-border { border-top: blue solid 1em; } - - div#bottom-border { border-bottom: blue solid 1em; } + { + background-color: blue; + border-left: blue solid 1em; + border-right: blue solid 1em; + } + + div#top-border + { + border-top: blue solid 1em; + } + + div#bottom-border + { + border-bottom: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-043.xht index 0c754331f5e..0c754331f5e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-043.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-047.xht index 3efd0eaa27b..3efd0eaa27b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-047.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-048.xht index 23308885fdf..23308885fdf 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-048.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-050.xht index 065e3bc6d71..065e3bc6d71 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-050.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-054.xht index a34d271e857..a34d271e857 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-054.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-055.xht index a26bf1c9244..a26bf1c9244 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-055.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-056.xht index 89daf67bc8a..89daf67bc8a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-056.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-058.xht index bc4aea7da28..bc4aea7da28 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-058.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-060.xht index 2867dc5ec93..2867dc5ec93 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-060.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-062.xht index 3309ce7eb00..3309ce7eb00 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-062.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-063.xht index 21a38a4624c..21a38a4624c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-063.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht index 4b61fc9fc07..4b61fc9fc07 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-042.xht index 4f98d5faf51..4f98d5faf51 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-042.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-045.xht index c08fd7668c1..c08fd7668c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-045.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-046.xht index 04830e5243a..04830e5243a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-046.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-049.xht index 105b1ef387e..105b1ef387e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-049.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-051.xht index 994ad847c43..994ad847c43 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-051.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-052.xht index 14718eed152..14718eed152 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-052.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-053.xht index 084d9ae174f..084d9ae174f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-053.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-057.xht index 83a1c30e72b..83a1c30e72b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-057.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-059.xht index cf5c73654ad..cf5c73654ad 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-059.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-061.xht index d6a76d016e6..d6a76d016e6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-061.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-064.xht index 688273bf1ce..688273bf1ce 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-064.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht index 01aaaf79948..01aaaf79948 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-003.xht index 2b47388ddd6..2b47388ddd6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-003.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-007.xht index 3cf34722398..3cf34722398 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-007.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-008.xht index ed1b27ab550..ed1b27ab550 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-008.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-010.xht index 4e5992c53f3..4e5992c53f3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-010.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-014.xht index c791e2c6e05..c791e2c6e05 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-014.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-015.xht index 21baa546d0a..21baa546d0a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-015.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-016.xht index 721a64a9c75..721a64a9c75 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-016.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-018.xht index b3a475e7f54..b3a475e7f54 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-018.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-020.xht index 167a58cd4c1..167a58cd4c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-020.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-022.xht index 07d830380d2..07d830380d2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-022.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-023.xht index 1e102054cd7..1e102054cd7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-023.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-002.xht index 10904791e59..10904791e59 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-002.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-005.xht index d314b27fc8b..d314b27fc8b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-005.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-006.xht index a701bd6ae69..a701bd6ae69 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-006.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-009.xht index 248731ce3c2..248731ce3c2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-009.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-011.xht index eb8bc138044..eb8bc138044 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-011.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-012.xht index 7726d0cbfa0..7726d0cbfa0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-012.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-013.xht index 1c3dde77081..1c3dde77081 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-013.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-017.xht index 40ae1d881a5..40ae1d881a5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-017.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-019.xht index b27ff758630..b27ff758630 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-019.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-021.xht index 97ba4efd348..97ba4efd348 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-021.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-024.xht index d6831d3ca19..d6831d3ca19 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-024.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht index 0a3a75fd525..0a3a75fd525 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht index 4a5ee64b548..311217e4f02 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (173 tests)</h2> + <h2>Inline Direction and Bidirectionality (177 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 30 tests --> + <!-- 34 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.xht">direction-001</a></strong></td> @@ -1345,6 +1345,50 @@ </ul> </td> </tr> + <tr id="table-progression-slr-001-2.1" class=""> + <td> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</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-2.1" class=""> + <td> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</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-2.1" class=""> + <td> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</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-2.1" class=""> + <td> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</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-2.1" class=""> <td> <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht index e6ce49bcb7c..7f5976d53aa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (113 tests)</h2> + <h2>Introduction to Vertical Text (147 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,10 +40,21 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 98 tests --> - <tr id="block-flow-direction-001-3.1" class="primary ahem"> + <!-- 132 tests --> + <tr id="block-flow-direction-004-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> + <a href="block-flow-direction-004.xht">block-flow-direction-004</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'writing-mode' - initial value is 'horizontal-tb' + <ul class="assert"> + <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-htb-001-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-htb-001.xht">block-flow-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - block flow direction of block-level boxes @@ -52,531 +63,520 @@ </ul> </td> </tr> - <tr id="block-flow-direction-002-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-002.xht">block-flow-direction-002</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-043.xht">block-flow-direction-slr-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-003-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-047-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-003.xht">block-flow-direction-003</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-047.xht">block-flow-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-004-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-048-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-004.xht">block-flow-direction-004</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-048.xht">block-flow-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'writing-mode' - initial value is 'horizontal-tb' + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that the default, initial value of writing-mode is 'horizontal-tb'.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-005-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-005.xht">block-flow-direction-005</a></strong></td> + <a href="block-flow-direction-slr-050.xht">block-flow-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-006-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-006.xht">block-flow-direction-006</a></strong></td> + <a href="block-flow-direction-slr-054.xht">block-flow-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-007-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-055-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-007.xht">block-flow-direction-007</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-055.xht">block-flow-direction-slr-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-008-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-056-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-008.xht">block-flow-direction-008</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-056.xht">block-flow-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-009-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-058-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-009.xht">block-flow-direction-009</a></strong></td> + <a href="block-flow-direction-slr-058.xht">block-flow-direction-slr-058</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-010-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-060-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-010.xht">block-flow-direction-010</a></strong></td> + <a href="block-flow-direction-slr-060.xht">block-flow-direction-slr-060</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-011-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-062-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-011.xht">block-flow-direction-011</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-062.xht">block-flow-direction-slr-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-012-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-063-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-012.xht">block-flow-direction-012</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-slr-063.xht">block-flow-direction-slr-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <td>sideways-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-013-3.1" class="primary ahem"> + <tr id="block-flow-direction-slr-066-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-013.xht">block-flow-direction-013</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes + <a href="block-flow-direction-slr-066.xht">block-flow-direction-slr-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-014-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-042-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-014.xht">block-flow-direction-014</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-srl-042.xht">block-flow-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-015-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-045-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-015.xht">block-flow-direction-015</a></strong></td> + <a href="block-flow-direction-srl-045.xht">block-flow-direction-srl-045</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-016-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-046-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-016.xht">block-flow-direction-016</a></strong></td> + <a href="block-flow-direction-srl-046.xht">block-flow-direction-srl-046</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-017-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-017.xht">block-flow-direction-017</a></strong></td> + <a href="block-flow-direction-srl-049.xht">block-flow-direction-srl-049</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-018-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-051-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-018.xht">block-flow-direction-018</a></strong></td> + <a href="block-flow-direction-srl-051.xht">block-flow-direction-srl-051</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-019-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-052-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-019.xht">block-flow-direction-019</a></strong></td> + <a href="block-flow-direction-srl-052.xht">block-flow-direction-srl-052</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-020-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-053-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-020.xht">block-flow-direction-020</a></strong></td> + <a href="block-flow-direction-srl-053.xht">block-flow-direction-srl-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-021-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-057-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-021.xht">block-flow-direction-021</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-rl - block flow direction of block-level boxes + <a href="block-flow-direction-srl-057.xht">block-flow-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-022-3.1" class="primary ahem image"> + <tr id="block-flow-direction-srl-059-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-022.xht">block-flow-direction-022</a></strong></td> + <a href="block-flow-direction-srl-059.xht">block-flow-direction-srl-059</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-lr - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-023-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-061-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-023.xht">block-flow-direction-023</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - block flow direction of block-level boxes + <a href="block-flow-direction-srl-061.xht">block-flow-direction-srl-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-024-3.1" class="primary ahem"> + <tr id="block-flow-direction-srl-064-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-024.xht">block-flow-direction-024</a></strong></td> + <a href="block-flow-direction-srl-064.xht">block-flow-direction-srl-064</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <td>sideways-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-025-3.1" class="primary image"> + <tr id="block-flow-direction-srl-065-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-025.xht">block-flow-direction-025</a></strong></td> + <a href="block-flow-direction-srl-065.xht">block-flow-direction-srl-065</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode of document - horizontal position of first block + <td>writing mode (sideways-rl) of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> </ul> </td> </tr> - <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-003.xht">block-flow-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-007.xht">block-flow-direction-vlr-007</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-008.xht">block-flow-direction-vlr-008</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>'float: right' and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td> + <a href="block-flow-direction-vlr-010.xht">block-flow-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-014.xht">block-flow-direction-vlr-014</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-015-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <a href="block-flow-direction-vlr-015.xht">block-flow-direction-vlr-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td> + <a href="block-flow-direction-vlr-016.xht">block-flow-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td> + <a href="block-flow-direction-vlr-018.xht">block-flow-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <td>table-cell and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td> + <a href="block-flow-direction-vlr-020.xht">block-flow-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>table-caption and 'vertical-lr' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-022-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td> + <a href="block-flow-direction-vlr-022.xht">block-flow-direction-vlr-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <tr id="block-flow-direction-vlr-023-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td> + <a href="block-flow-direction-vlr-023.xht">block-flow-direction-vlr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <td>vertical-lr - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <a href="block-flow-direction-vrl-002.xht">block-flow-direction-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td> + <a href="block-flow-direction-vrl-005.xht">block-flow-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td> + <a href="block-flow-direction-vrl-006.xht">block-flow-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <td>'float: left' and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td> + <a href="block-flow-direction-vrl-009.xht">block-flow-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <td>position absolute and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td> + <a href="block-flow-direction-vrl-011.xht">block-flow-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td> + <a href="block-flow-direction-vrl-012.xht">block-flow-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-013-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td> + <a href="block-flow-direction-vrl-013.xht">block-flow-direction-vrl-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <td>inline-block and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li> + <li>This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-017-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-rl - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-017.xht">block-flow-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> + <li>This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <tr id="block-flow-direction-vrl-019-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-019.xht">block-flow-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li> + <li>This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.</li> </ul> </td> </tr> - <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-021-3.1" class="primary ahem image"> <td><strong> - <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-021.xht">block-flow-direction-vrl-021</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <tr id="block-flow-direction-vrl-024-3.1" class="primary ahem"> <td><strong> - <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td> + <a href="block-flow-direction-vrl-024.xht">block-flow-direction-vrl-024</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>sideways-rl - block flow direction of block-level boxes + <td>vertical-rl - block flow direction of block-level boxes <ul class="assert"> - <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> + <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="block-flow-direction-065-3.1" class="primary image"> + <tr id="block-flow-direction-vrl-025-3.1" class="primary image"> <td><strong> - <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td> + <a href="block-flow-direction-vrl-025.xht">block-flow-direction-vrl-025</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-rl) of document - horizontal position of first block - <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li> - </ul> - </td> - </tr> - <tr id="block-flow-direction-066-3.1" class="primary image"> - <td><strong> - <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td> - <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> - <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>writing mode (sideways-lr) of document - horizontal position of first block + <td>writing mode of document - horizontal position of first block <ul class="assert"> - <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li> + <li>This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.</li> </ul> </td> </tr> @@ -624,20 +624,97 @@ </ul> </td> </tr> - <tr id="form-controls-vert-rl-004-3.1" class="primary image should"> + <tr id="flexbox_align-items-stretch-writing-modes-3.1" class=""> + <td> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td></td> + <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl + <ul class="assert"> + <li>vertical-writing-mode flex items should stretch</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-slr-004.xht">form-controls-slr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-slr-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-slr-005.xht">form-controls-slr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90&deg; counter-clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-srl-004.xht">form-controls-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-srl-005-3.1" class="primary should"> + <td><strong> + <a href="form-controls-srl-005.xht">form-controls-srl-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'sideways-rl' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from right to left.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vlr-004.xht">form-controls-vlr-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>order, orientation and layout of form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vlr-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-004.xht">form-controls-vert-rl-004</a></strong></td> + <a href="form-controls-vlr-005.xht">form-controls-vlr-005</a></strong></td> + <td></td> + <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> + <td>form controls in 'vertical-lr' writing-mode + <ul class="assert"> + <li>This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90&deg; clockwise and c) the block flow direction must be from left to right.</li> + </ul> + </td> + </tr> + <tr id="form-controls-vrl-004-3.1" class="primary image should"> + <td><strong> + <a href="form-controls-vrl-004.xht">form-controls-vrl-004</a></strong></td> <td></td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>order, orientation and layout of form controls in 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.</li> + <li>This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.</li> </ul> </td> </tr> - <tr id="form-controls-vert-rl-005-3.1" class="primary should"> + <tr id="form-controls-vrl-005-3.1" class="primary should"> <td><strong> - <a href="form-controls-vert-rl-005.xht">form-controls-vert-rl-005</a></strong></td> + <a href="form-controls-vrl-005.xht">form-controls-vrl-005</a></strong></td> <td></td> <td><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td> <td>form controls in 'vertical-rl' writing-mode @@ -668,9 +745,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-001-3.1" class="primary ahem"> + <tr id="line-box-direction-htb-001-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-001.xht">line-box-direction-001</a></strong></td> + <a href="line-box-direction-htb-001.xht">line-box-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>horizontal-tb - ordering direction of line boxes @@ -679,53 +756,218 @@ </ul> </td> </tr> - <tr id="line-box-direction-002-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-043-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-002.xht">line-box-direction-002</a></strong></td> + <a href="line-box-direction-slr-043.xht">line-box-direction-slr-043</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - ordering direction of line boxes + <td>sideways-lr - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-047-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-047.xht">line-box-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-048-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-048.xht">line-box-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-003-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-050-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-003.xht">line-box-direction-003</a></strong></td> + <a href="line-box-direction-slr-050.xht">line-box-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - ordering direction of line boxes + <td>position absolute and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-005-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-053-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-005.xht">line-box-direction-005</a></strong></td> + <a href="line-box-direction-slr-053.xht">line-box-direction-slr-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-006-3.1" class="primary ahem"> + <tr id="line-box-direction-slr-054-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-006.xht">line-box-direction-006</a></strong></td> + <a href="line-box-direction-slr-054.xht">line-box-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>'float: left' and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-056-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-056.xht">line-box-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-058-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-058.xht">line-box-direction-slr-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-slr-060-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-slr-060.xht">line-box-direction-slr-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-lr' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-042-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-042.xht">line-box-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-045-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-045.xht">line-box-direction-srl-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-046-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-046.xht">line-box-direction-srl-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-007-3.1" class="primary ahem"> + <tr id="line-box-direction-srl-049-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-007.xht">line-box-direction-007</a></strong></td> + <a href="line-box-direction-srl-049.xht">line-box-direction-srl-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-051-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-051.xht">line-box-direction-srl-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-052-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-052.xht">line-box-direction-srl-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-055-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-055.xht">line-box-direction-srl-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-057-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-057.xht">line-box-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-srl-059-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-srl-059.xht">line-box-direction-srl-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'sideways-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-003-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-003.xht">line-box-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vlr-007-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vlr-007.xht">line-box-direction-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -734,9 +976,9 @@ </ul> </td> </tr> - <tr id="line-box-direction-008-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-008-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-008.xht">line-box-direction-008</a></strong></td> + <a href="line-box-direction-vlr-008.xht">line-box-direction-vlr-008</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>'float: right' and 'vertical-lr' - ordering direction of line boxes @@ -745,135 +987,168 @@ </ul> </td> </tr> - <tr id="line-box-direction-009-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-010-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-009.xht">line-box-direction-009</a></strong></td> + <a href="line-box-direction-vlr-010.xht">line-box-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-rl' - ordering direction of line boxes + <td>position absolute and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-010-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-013-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-010.xht">line-box-direction-010</a></strong></td> + <a href="line-box-direction-vlr-013.xht">line-box-direction-vlr-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>position absolute and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' will be ordered from left to right.</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-011-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-014-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-011.xht">line-box-direction-011</a></strong></td> + <a href="line-box-direction-vlr-014.xht">line-box-direction-vlr-014</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-012-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-016-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-012.xht">line-box-direction-012</a></strong></td> + <a href="line-box-direction-vlr-016.xht">line-box-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-rl' - ordering direction of line boxes + <td>table-cell and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-013-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-018-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-013.xht">line-box-direction-013</a></strong></td> + <a href="line-box-direction-vlr-018.xht">line-box-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>table-caption and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> </ul> </td> </tr> - <tr id="line-box-direction-014-3.1" class="primary ahem"> + <tr id="line-box-direction-vlr-020-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-014.xht">line-box-direction-014</a></strong></td> + <a href="line-box-direction-vlr-020.xht">line-box-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline-block and 'vertical-lr' - ordering direction of line boxes + <td>list and 'vertical-lr' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-015-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-002-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-015.xht">line-box-direction-015</a></strong></td> + <a href="line-box-direction-vrl-002.xht">line-box-direction-vrl-002</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <td>vertical-rl - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="line-box-direction-016-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-005-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-016.xht">line-box-direction-016</a></strong></td> + <a href="line-box-direction-vrl-005.xht">line-box-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-cell and 'vertical-lr' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-017-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-006-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-017.xht">line-box-direction-017</a></strong></td> + <a href="line-box-direction-vrl-006.xht">line-box-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <td>'float: left' and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + <li>This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-018-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-009-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-018.xht">line-box-direction-018</a></strong></td> + <a href="line-box-direction-vrl-009.xht">line-box-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>table-caption and 'vertical-lr' - ordering direction of line boxes + <td>position absolute and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-lr' are ordered from left to right.</li> + <li>This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' will be ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-019-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-011-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-019.xht">line-box-direction-019</a></strong></td> + <a href="line-box-direction-vrl-011.xht">line-box-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-rl' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> </ul> </td> </tr> - <tr id="line-box-direction-020-3.1" class="primary ahem"> + <tr id="line-box-direction-vrl-012-3.1" class="primary ahem"> <td><strong> - <a href="line-box-direction-020.xht">line-box-direction-020</a></strong></td> + <a href="line-box-direction-vrl-012.xht">line-box-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>list and 'vertical-lr' - ordering direction of line boxes + <td>inline-block and 'vertical-rl' - ordering direction of line boxes <ul class="assert"> - <li>This test checks that line boxes in a block box with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...</li> + <li>This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-015-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-015.xht">line-box-direction-vrl-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-017-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-017.xht">line-box-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.</li> + </ul> + </td> + </tr> + <tr id="line-box-direction-vrl-019-3.1" class="primary ahem"> + <td><strong> + <a href="line-box-direction-vrl-019.xht">line-box-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>list and 'vertical-rl' - ordering direction of line boxes + <ul class="assert"> + <li>This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...</li> </ul> </td> </tr> @@ -899,6 +1174,28 @@ </ul> </td> </tr> + <tr id="page-flow-direction-slr-005-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-slr-005.xht">page-flow-direction-slr-005</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-lr' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.</li> + </ul> + </td> + </tr> + <tr id="page-flow-direction-srl-004-3.1" class="primary image paged"> + <td><strong> + <a href="page-flow-direction-srl-004.xht">page-flow-direction-srl-004</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> + <td>'writing-mode: sideways-rl' - default page flow (progression) direction + <ul class="assert"> + <li>This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.</li> + </ul> + </td> + </tr> <tr id="replaced-content-image-002-3.1" class="primary should"> <td><strong> <a href="replaced-content-image-002.xht">replaced-content-image-002</a></strong></td> @@ -921,64 +1218,75 @@ </ul> </td> </tr> - <tr id="row-progression-002-3.1" class="primary ahem"> + <tr id="row-progression-slr-023-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-002.xht">row-progression-002</a></strong></td> + <a href="row-progression-slr-023.xht">row-progression-slr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression + <td>sideways-lr - table rows progression <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-003-3.1" class="primary ahem"> + <tr id="row-progression-slr-029-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-003.xht">row-progression-003</a></strong></td> + <a href="row-progression-slr-029.xht">row-progression-slr-029</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression + <td>sideways-lr - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> </ul> </td> </tr> - <tr id="row-progression-004-3.1" class="primary ahem"> + <tr id="row-progression-srl-022-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-004.xht">row-progression-004</a></strong></td> + <a href="row-progression-srl-022.xht">row-progression-srl-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and colspan + <td>sideways-rl - table rows progression <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-005-3.1" class="primary ahem"> + <tr id="row-progression-srl-028-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-005.xht">row-progression-005</a></strong></td> + <a href="row-progression-srl-028.xht">row-progression-srl-028</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression and colspan + <td>sideways-rl - table rows progression (thead, 2 tbodies, tfoot) <ul class="assert"> - <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + <li>This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-006-3.1" class="primary ahem"> + <tr id="row-progression-vlr-003-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-006.xht">row-progression-006</a></strong></td> + <a href="row-progression-vlr-003.xht">row-progression-vlr-003</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression and rowspan + <td>vertical-lr - table rows progression <ul class="assert"> - <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="row-progression-vlr-005-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vlr-005.xht">row-progression-vlr-005</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-lr - table rows progression and colspan + <ul class="assert"> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> </ul> </td> </tr> - <tr id="row-progression-007-3.1" class="primary ahem"> + <tr id="row-progression-vlr-007-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-007.xht">row-progression-007</a></strong></td> + <a href="row-progression-vlr-007.xht">row-progression-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>vertical-lr - table rows progression and rowspan @@ -987,25 +1295,102 @@ </ul> </td> </tr> - <tr id="row-progression-008-3.1" class="primary ahem"> + <tr id="row-progression-vlr-009-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-008.xht">row-progression-008</a></strong></td> + <a href="row-progression-vlr-009.xht">row-progression-vlr-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-002-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-002.xht">row-progression-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression <ul class="assert"> <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> </ul> </td> </tr> - <tr id="row-progression-009-3.1" class="primary ahem"> + <tr id="row-progression-vrl-004-3.1" class="primary ahem"> <td><strong> - <a href="row-progression-009.xht">row-progression-009</a></strong></td> + <a href="row-progression-vrl-004.xht">row-progression-vrl-004</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-lr - table rows progression (thead, 2 tbodies, tfoot) + <td>vertical-rl - table rows progression and colspan <ul class="assert"> - <li>This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...</li> + <li>This test checks that colspanned cells in a table are handled according to a top-to-bottom inline flow direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-006-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-006.xht">row-progression-vrl-006</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression and rowspan + <ul class="assert"> + <li>This test checks that rowspanned cells in a table are handled according to a right-to-left direction.</li> + </ul> + </td> + </tr> + <tr id="row-progression-vrl-008-3.1" class="primary ahem"> + <td><strong> + <a href="row-progression-vrl-008.xht">row-progression-vrl-008</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-rl - table rows progression (thead, 2 tbodies, tfoot) + <ul class="assert"> + <li>This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></strong></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</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="primary"> + <td><strong> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</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="primary"> + <td><strong> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</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="primary"> + <td><strong> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</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> @@ -1101,17 +1486,6 @@ </ul> </td> </tr> - <tr id="writing-mode-stretch-001-3.1" class="primary"> - <td><strong> - <a href="writing-mode-stretch-001.xht">writing-mode-stretch-001</a></strong></td> - <td><a href="reference/writing-mode-stretch-001-ref.xht">=</a> </td> - <td></td> - <td>writing-mode vertical-lr and vertical-rl - <ul class="assert"> - <li>vertical-writing-mode flex items should stretch</li> - </ul> - </td> - </tr> <tr id="writing-mode-vertical-rl-003-3.1" class="primary ahem"> <td><strong> <a href="writing-mode-vertical-rl-003.xht">writing-mode-vertical-rl-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht index 5c9eb2e4517..026e31eff53 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (30 tests)</h2> + <h2>Inline-level Alignment (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -49,7 +49,7 @@ <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> - <!-- 8 tests --> + <!-- 14 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td> @@ -72,43 +72,87 @@ </ul> </td> </tr> - <tr id="text-baseline-002-4.2" class="primary ahem"> + <tr id="text-baseline-slr-009-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-002.xht">text-baseline-002</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-slr-009.xht">text-baseline-slr-009</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-003-4.2" class="primary ahem"> + <tr id="text-baseline-slr-011-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-003.xht">text-baseline-003</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-slr-011.xht">text-baseline-slr-011</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - central alignment with vertical layout + <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-slr-013-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-slr-013.xht">text-baseline-slr-013</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-008-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-008.xht">text-baseline-srl-008</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-010-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-010.xht">text-baseline-srl-010</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-srl-012-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-srl-012.xht">text-baseline-srl-012</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-004-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-003-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-004.xht">text-baseline-004</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-003.xht">text-baseline-vlr-003</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-005-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-005-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-005.xht">text-baseline-005</a></strong></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-005.xht">text-baseline-vlr-005</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <ul class="assert"> @@ -116,25 +160,47 @@ </ul> </td> </tr> - <tr id="text-baseline-006-4.2" class="primary ahem"> + <tr id="text-baseline-vlr-007-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-006.xht">text-baseline-006</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vlr-007.xht">text-baseline-vlr-007</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-002-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-002.xht">text-baseline-vrl-002</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.</li> + </ul> + </td> + </tr> + <tr id="text-baseline-vrl-004-4.2" class="primary ahem"> + <td><strong> + <a href="text-baseline-vrl-004.xht">text-baseline-vrl-004</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <ul class="assert"> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.</li> </ul> </td> </tr> - <tr id="text-baseline-007-4.2" class="primary ahem"> + <tr id="text-baseline-vrl-006-4.2" class="primary ahem"> <td><strong> - <a href="text-baseline-007.xht">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vrl-006.xht">text-baseline-vrl-006</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht index 98b02d346b1..9ceed4f9b51 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-stretch-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/flexbox_align-items-stretch-writing-modes.xht @@ -1,10 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Test: writing-mode vertical-lr and vertical-rl</title> + <title>CSS Test: Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl</title> <link href="mailto:mitsuteru.s@gmail.com" rel="author" title="Mitsuteru Sawa" /> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins Jr." /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> - <link href="reference/writing-mode-stretch-001-ref.xht" rel="match" /> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.xht" rel="match" /> <meta content="vertical-writing-mode flex items should stretch" name="assert" /> <style> .container { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht new file mode 100644 index 00000000000..92b64b72c75 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + writing-mode: sideways-lr; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-slr.png" width="180" height="185" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from bottom to top and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees counter-clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht new file mode 100644 index 00000000000..15a2c4a2a37 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° counter-clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht new file mode 100644 index 00000000000..606f0f9bb3e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht @@ -0,0 +1,57 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + margin-left: 5em; + writing-mode: sideways-rl; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-srl.png" width="180" height="185" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are rotated 90 degrees clockwise. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht new file mode 100644 index 00000000000..3239f434b0b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht new file mode 100644 index 00000000000..3f5f0cfb3bc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image should" name="flags" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 18px; + writing-mode: vertical-lr; + } + + select + { + vertical-align: top; + } + ]]></style> + </head> + + <body> + + <form action=""> + <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> + + <p><label>语言 <select size="1"><option>English</option> + <option>français</option> + <option>فارسی</option> + <option>中文</option> + <option>日本語</option></select></label></p> + </form> + + <p>Test passes if the characters and form controls of the form above have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong> as the ones of the form below:</p> + + <p><img src="support/form-controls-vlr.png" width="188" height="228" alt="Image download support must be enabled" /> +<!-- + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's righthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. +--> + </p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht new file mode 100644 index 00000000000..9496bb1a393 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="should" name="flags" /> + <meta content="This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + form + { + font-size: 1.25em; + writing-mode: vertical-lr; + } + ]]></style> + </head> + + <body> + + <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + + <form action=""> + + <p><input value="Text sample1" size="12" /></p> + + <p> + <select size="3"> + <optgroup label="Text sample2"> + <option>Text sample3</option> + <option>Text sample4</option> + </optgroup> + </select> + </p> + + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + + </form> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht index 49b0ca63397..1b93e01b751 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht @@ -10,7 +10,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> <meta content="image should" name="flags" /> - <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1." name="assert" /> + <meta content="This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'." name="assert" /> <style type="text/css"><![CDATA[ form @@ -45,11 +45,14 @@ <!-- original source of the image is: http://www.w3.org/TR/css-writing-modes-3/vertical-form.png - longdesc="Screenshot of vertical layout: the input element is laid lengthwise - from top to botom and its contents rendered in a vertical writing mode, - matching the lbels outside it. The drop-down selection control after it slides - out to the sid (towards the after edge of the block) rather than downward as - it would in hoizontal writing modes." + Long description of image: + Screenshot of vertical layout: the input element is laid lengthwise + from top to bottom and its content rendered in a vertical writing mode, + matching the label outside it. The drop-down selection control (located on + the input element's lefthand side) slides out to the side (towards the + after edge of the block) rather than downward as it would in horizontal writing mode. + The Asian glyphs in the input element and in the drop-down selection + control are translated upright. --> </p> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-005.xht index 7d3b44ae38e..b7ae53297a1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-005.xht @@ -14,44 +14,42 @@ <style type="text/css"><![CDATA[ form - { - font-size: 1.25em; - height: auto; - writing-mode: vertical-rl; - } - - form > p { margin-right: 1em; } + { + font-size: 1.25em; + writing-mode: vertical-rl; + } ]]></style> </head> <body> - <p>Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> + <p>Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are <strong>rotated 90° clockwise</strong>.</p> <form action=""> - <p><button type="submit">Text sample10</button></p> - - <p><button type="button">Text sample9</button></p> - - <p><input type="reset" value="Text sample8" /></p> - - <p><input type="submit" value="Text sample7" /></p> - - <p><input type="button" value="Text sample6" /></p> - - <p><textarea cols="12" rows="2">Text sample5</textarea></p> + <p><input value="Text sample1" size="12" /></p> <p> <select size="3"> - <optgroup label="Text sample4"> + <optgroup label="Text sample2"> <option>Text sample3</option> - <option>Text sample2</option> + <option>Text sample4</option> </optgroup> </select> </p> - <p><input value="Text sample1" size="12" /></p> + <p><textarea cols="12" rows="2">Text sample5</textarea></p> + + <p><input type="button" value="Text sample6" /></p> + + <p><input type="submit" value="Text sample7" /></p> + + <p><input type="reset" value="Text sample8" /></p> + + <p><button type="button">Text sample9</button></p> + + <p><button type="submit">Text sample10</button></p> + </form> </body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-htb-001.xht index c2a0eacc63f..c2a0eacc63f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-htb-001.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht new file mode 100644 index 00000000000..9c81f321ad3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht new file mode 100644 index 00000000000..669749a7e12 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a right-floated box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht new file mode 100644 index 00000000000..39e919fff3b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of right-floated boxes with 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The right-most "S" --> a bbbb c d e f g h jjjj k + + </div> + + <div class="floated-right"> + +<!-- The left-most "S" --> N QQQQ R S T U V W XXXX Y + + </div> + + <div class="floated-right"> + +<!-- The "A" --> GGGGGGG H J K L MMMMMMM + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The "P" --> AAAAAAA B C D E FFFF + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht new file mode 100644 index 00000000000..ac10c48d4c2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' will be ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht new file mode 100644 index 00000000000..31def67d4df --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span>a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht new file mode 100644 index 00000000000..feb55517d7b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht new file mode 100644 index 00000000000..4e4909e8731 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht new file mode 100644 index 00000000000..778aba92b94 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-lr' are ordered from left to right." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht new file mode 100644 index 00000000000..bbdb50cabe2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'sideways-lr' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc... " name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-bottom: 0em; /* overriding default padding-end: 40px in several browsers */ + writing-mode: sideways-lr; + } + ]]></style> + </head> + + <body> + + <ul><li>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht new file mode 100644 index 00000000000..2a197c22cb8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht new file mode 100644 index 00000000000..d02bbadb994 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of a left-floated box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht new file mode 100644 index 00000000000..a944244bdc1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht @@ -0,0 +1,68 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + + <div class="floated-left"> + +<!-- The "P" --> eeee f g h j kkkkkkk + + </div> + + <div class="floated-left"> + +<!-- The "A" --> YYYYYYY Z a b c ddddddd + + </div> + + <div class="floated-left"> + +<!-- The left-most "S" --> L MMMM Q R S T U V WWWW X + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most "S" --> A BBBB C D E F G H JJJJ K + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht new file mode 100644 index 00000000000..1066daf5da0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' will be ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht new file mode 100644 index 00000000000..a851d63e7a2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht @@ -0,0 +1,66 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-left: blue solid 1em; + display: block; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span>eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht new file mode 100644 index 00000000000..c6a8bc7f03c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that lines boxes of descendant block boxes of inline-blocks with 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht new file mode 100644 index 00000000000..a24473c9812 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-cell with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht new file mode 100644 index 00000000000..3df975332c6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that the lines boxes of a table-caption with its 'writing-mode' set to 'sideways-rl' are ordered from right to left." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <div>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht new file mode 100644 index 00000000000..a4c2a46ff2d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and 'sideways-rl' - ordering direction of line boxes</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + ul + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: sideways-rl; + } + ]]></style> + </head> + + <body> + + <ul><li>A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht index 60f3e20e7b7..50685d30b83 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht @@ -14,24 +14,24 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } ]]></style> </head> <body> - <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> + <div>AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk</div> </body> </html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht index 3ac46c67c27..519e19a0976 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht @@ -14,19 +14,19 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } + { + background-color: blue; + border: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht index d7966f23404..5633f22db99 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht @@ -14,23 +14,26 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht index 1d96cecb6a0..5002a7b745b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht @@ -14,20 +14,20 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-lr; - } + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-lr; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht index b15c154a6df..b1a2af8c5c7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht @@ -14,26 +14,26 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - writing-mode: vertical-lr; - } + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + writing-mode: vertical-lr; + } span - { - border-left: blue solid 1em; - display: block; - } + { + border-left: blue solid 1em; + display: block; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht index 65150832469..4ac5a1efbd2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht @@ -14,31 +14,37 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht index 7fb58cd7486..b029d4cd00e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht @@ -14,19 +14,19 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht index ce729f70fdf..ef621ca6d23 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht @@ -14,19 +14,19 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-lr; - } + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-lr; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht index 48dcd801c0a..52eb02e6d39 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht @@ -14,21 +14,21 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-lr; - } + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-lr; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht index efc13247eb8..c942aea8f50 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht @@ -14,18 +14,18 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht index 6662116cb61..ed31569c254 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht @@ -14,19 +14,19 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } + { + background-color: blue; + border: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht index 1ff27f7be91..7bebde1c8c7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht @@ -10,27 +10,30 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-lr' will be ordered from right to left." name="assert" /> + <meta content="This test checks that the line boxes of left-floated boxes with 'writing-mode' set to 'vertical-rl' will be ordered from right to left." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht index 8ac208edace..2a74eeb09e8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht @@ -14,20 +14,20 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - left: auto; - position: absolute; - writing-mode: vertical-rl; - } + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + left: auto; + position: absolute; + writing-mode: vertical-rl; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht index 729d5137726..260820d78f7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht @@ -14,33 +14,33 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; /* Each line box has an inline-size of 8em */ - vertical-align: top; + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; /* Each line box has an inline-size of 8em */ + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } + writing-mode: vertical-rl; + } span - { - border-left: blue solid 1em; - display: block; - } + { + border-left: blue solid 1em; + display: block; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht index f1a0b336209..7fb18176c35 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht @@ -14,31 +14,37 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht index 5e1e247def0..6fd22a26234 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht @@ -14,19 +14,19 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - display: table-cell; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } + { + background-color: blue; + border: blue solid 1em; + display: table-cell; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht index 8636701cda7..a58a72d7c86 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht @@ -14,19 +14,19 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div - { - background-color: blue; - border: blue solid 1em; - display: table-caption; - height: 7em; /* Each line box has an inline-size of 7em */ - writing-mode: vertical-rl; - } + { + background-color: blue; + border: blue solid 1em; + display: table-caption; + height: 7em; /* Each line box has an inline-size of 7em */ + writing-mode: vertical-rl; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht index f47d7fd3b6b..6902c5283a4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht @@ -14,21 +14,21 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } ul - { - background-color: blue; - border: blue solid 1em; - height: 7em; /* Each line box has an inline-size of 7em */ - list-style: none outside none; - margin: 0em; - padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ - writing-mode: vertical-rl; - } + { + background-color: blue; + border: blue solid 1em; + height: 7em; /* Each line box has an inline-size of 7em */ + list-style: none outside none; + margin: 0em; + padding-top: 0em; /* overriding default padding-start: 40px in several browsers */ + writing-mode: vertical-rl; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht index 90267cb0621..6bdb98c650e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht @@ -13,15 +13,15 @@ <style type="text/css" media="print"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-rl writing-mode */ - } + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht index 7bcf9e16e66..41ca69774ce 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht @@ -13,15 +13,15 @@ <style type="text/css" media="print"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } body, div - { - width: 100%; + { + width: 100%; /* width: 100% will force a page-break in vertical-lr writing-mode */ - } + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht new file mode 100644 index 00000000000..a52d80d53cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - default page flow (progression) direction</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image paged" name="flags" /> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right." name="assert" /> + + <style type="text/css" media="print"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-lr writing-mode */ + } + ]]></style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht new file mode 100644 index 00000000000..cfaff1376ff --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + + <meta content="image paged" name="flags" /> + <meta content="This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left." name="assert" /> + + <style type="text/css" media="print"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + + body, div + { + width: 100%; + /* width: 100% will force a page-break in sideways-rl writing-mode */ + } + ]]></style> + </head> + + <body> + + <div><img src="support/page-flow-direction-002p1.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p2.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p3.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/page-flow-direction-002p4.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht index d67a4bf2b06..81114d697aa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht @@ -7,14 +7,17 @@ <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } ]]></style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht index fdbf60ce326..cfbcc87b5a7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht @@ -10,17 +10,23 @@ <meta name="flags" content="image" /> <style type="text/css"><![CDATA[ - body { direction: rtl; } + body + { + direction: rtl; + } div - { - background-color: yellow; - direction: ltr; - font: 20px/1 Ahem; - width: 21em; - } - - img { vertical-align: top; } + { + background-color: yellow; + direction: ltr; + font: 20px/1 Ahem; + width: 21em; + } + + img + { + vertical-align: top; + } ]]></style> </head> <body> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/writing-mode-stretch-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht index 25f3929942a..25f3929942a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/writing-mode-stretch-001-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht index a03d8b8e5e7..917e3ed141e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht @@ -3,19 +3,14 @@ <meta charset="utf-8" /> <title>CSS Test Reference</title> <link href="http://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura" /> -<style> -.tcu-all { - text-combine-upright: all; -} -</style> </head> <body> <p>Test passes if the following paragraphs are identical:</p> <div> - <p>６月<span class="tcu-all">19</span>日</p> - <p>６月<span class="tcu-all">19</span>日</p> + <p>６月19日</p> + <p>６月19日</p> </div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht new file mode 100644 index 00000000000..0e5f9dd5376 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht @@ -0,0 +1,95 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reference</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht new file mode 100644 index 00000000000..73969a9bcbd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + + img + { + padding-left: 78px; + vertical-align: top; + } + + img + br + img + { + padding-left: 30px; + } + + img + br + img + br + img + { + padding-left: 102px; + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" alt="Image download support must be enabled" /></div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht index 401ca77433a..401ca77433a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht index 8131d309ae9..8131d309ae9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht index 6517366139c..684e0ef6892 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht @@ -3048,398 +3048,398 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="block-flow-direction-001" class="ahem"> + <tbody id="block-flow-direction-004" class="ahem"> + <tr> + <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> + <a href="block-flow-direction-004.xht">block-flow-direction-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - block flow direction of block-level boxes"> - <a href="block-flow-direction-001.xht">block-flow-direction-001</a></td> + <a href="block-flow-direction-htb-001.xht">block-flow-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-002" class="ahem"> + <tbody id="block-flow-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-002.xht">block-flow-direction-002</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-043.xht">block-flow-direction-slr-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-003" class="ahem"> + <tbody id="block-flow-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-003.xht">block-flow-direction-003</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-047.xht">block-flow-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-004" class="ahem"> + <tbody id="block-flow-direction-slr-048" class="ahem"> <tr> - <td rowspan="1" title="'writing-mode' - initial value is 'horizontal-tb'"> - <a href="block-flow-direction-004.xht">block-flow-direction-004</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-048.xht">block-flow-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-005" class="ahem"> + <tbody id="block-flow-direction-slr-050" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-005.xht">block-flow-direction-005</a></td> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-050.xht">block-flow-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-006" class="ahem"> + <tbody id="block-flow-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-006.xht">block-flow-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-054.xht">block-flow-direction-slr-054</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-007" class="ahem"> + <tbody id="block-flow-direction-slr-055" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-007.xht">block-flow-direction-007</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-055.xht">block-flow-direction-slr-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-008" class="ahem"> + <tbody id="block-flow-direction-slr-056" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-008.xht">block-flow-direction-008</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-056.xht">block-flow-direction-slr-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-009" class="ahem"> + <tbody id="block-flow-direction-slr-058" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-009.xht">block-flow-direction-009</a></td> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-058.xht">block-flow-direction-slr-058</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-010" class="ahem"> + <tbody id="block-flow-direction-slr-060" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-010.xht">block-flow-direction-010</a></td> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-060.xht">block-flow-direction-slr-060</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-011" class="ahem"> + <tbody id="block-flow-direction-slr-062" class="ahem image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-011.xht">block-flow-direction-011</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-062.xht">block-flow-direction-slr-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</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="block-flow-direction-slr-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-063.xht">block-flow-direction-slr-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-012" class="ahem"> + <tbody id="block-flow-direction-slr-066" class="image"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-012.xht">block-flow-direction-012</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-slr-066.xht">block-flow-direction-slr-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-042.xht">block-flow-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-013" class="ahem"> + <tbody id="block-flow-direction-srl-045" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-013.xht">block-flow-direction-013</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-045.xht">block-flow-direction-srl-045</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-014" class="ahem"> + <tbody id="block-flow-direction-srl-046" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-014.xht">block-flow-direction-014</a></td> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-046.xht">block-flow-direction-srl-046</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-015" class="ahem"> + <tbody id="block-flow-direction-srl-049" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-015.xht">block-flow-direction-015</a></td> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-049.xht">block-flow-direction-srl-049</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-016" class="ahem"> + <tbody id="block-flow-direction-srl-051" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-016.xht">block-flow-direction-016</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-051.xht">block-flow-direction-srl-051</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-017" class="ahem"> + <tbody id="block-flow-direction-srl-052" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-017.xht">block-flow-direction-017</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-052.xht">block-flow-direction-srl-052</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-018" class="ahem"> + <tbody id="block-flow-direction-srl-053" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-018.xht">block-flow-direction-018</a></td> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-053.xht">block-flow-direction-srl-053</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-019" class="ahem"> + <tbody id="block-flow-direction-srl-057" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-019.xht">block-flow-direction-019</a></td> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-057.xht">block-flow-direction-srl-057</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-020" class="ahem"> + <tbody id="block-flow-direction-srl-059" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-020.xht">block-flow-direction-020</a></td> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-059.xht">block-flow-direction-srl-059</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-021" class="ahem image"> + <tbody id="block-flow-direction-srl-061" class="ahem image"> <tr> - <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-021.xht">block-flow-direction-021</a></td> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-061.xht">block-flow-direction-srl-061</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</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="block-flow-direction-022" class="ahem image"> + <tbody id="block-flow-direction-srl-064" class="ahem"> <tr> - <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-022.xht">block-flow-direction-022</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</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> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-064.xht">block-flow-direction-srl-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-srl-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-srl-065.xht">block-flow-direction-srl-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-023" class="ahem"> + <tbody id="block-flow-direction-vlr-003" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-023.xht">block-flow-direction-023</a></td> + <a href="block-flow-direction-vlr-003.xht">block-flow-direction-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-024" class="ahem"> + <tbody id="block-flow-direction-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-024.xht">block-flow-direction-024</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-007.xht">block-flow-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-025" class="image"> - <tr> - <td rowspan="1" title="writing mode of document - horizontal position of first block"> - <a href="block-flow-direction-025.xht">block-flow-direction-025</a></td> - <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-042" class="ahem"> + <tbody id="block-flow-direction-vlr-008" class="ahem"> <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td> + <td rowspan="1" title="'float: right' and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-008.xht">block-flow-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-043" class="ahem"> + <tbody id="block-flow-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1" title="position absolute and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-010.xht">block-flow-direction-vlr-010</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-045" class="ahem"> + <tbody id="block-flow-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-014.xht">block-flow-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-046" class="ahem"> + <tbody id="block-flow-direction-vlr-015" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-015.xht">block-flow-direction-vlr-015</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-047" class="ahem"> + <tbody id="block-flow-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="inline-block and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-016.xht">block-flow-direction-vlr-016</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-048" class="ahem"> + <tbody id="block-flow-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td> - <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1" title="table-cell and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-018.xht">block-flow-direction-vlr-018</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-049" class="ahem"> + <tbody id="block-flow-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-020.xht">block-flow-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-050" class="ahem"> + <tbody id="block-flow-direction-vlr-022" class="ahem image"> <tr> - <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td> + <td rowspan="1" title="list and vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-022.xht">block-flow-direction-vlr-022</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></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="block-flow-direction-051" class="ahem"> + <tbody id="block-flow-direction-vlr-023" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td> + <td rowspan="1" title="vertical-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-vlr-023.xht">block-flow-direction-vlr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-052" class="ahem"> + <tbody id="block-flow-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td> - <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-002.xht">block-flow-direction-vrl-002</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-053" class="ahem"> + <tbody id="block-flow-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-005.xht">block-flow-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-054" class="ahem"> + <tbody id="block-flow-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-006.xht">block-flow-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-055" class="ahem"> + <tbody id="block-flow-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-009.xht">block-flow-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-056" class="ahem"> + <tbody id="block-flow-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-011.xht">block-flow-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-057" class="ahem"> + <tbody id="block-flow-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-012.xht">block-flow-direction-vrl-012</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-058" class="ahem"> + <tbody id="block-flow-direction-vrl-013" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-013.xht">block-flow-direction-vrl-013</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-059" class="ahem"> + <tbody id="block-flow-direction-vrl-017" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> - <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td> + <td rowspan="1" title="table-cell and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-017.xht">block-flow-direction-vrl-017</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-060" class="ahem"> + <tbody id="block-flow-direction-vrl-019" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> - <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td> + <td rowspan="1" title="table-caption and 'vertical-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-019.xht">block-flow-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-061" class="ahem image"> + <tbody id="block-flow-direction-vrl-021" class="ahem image"> <tr> - <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td> + <td rowspan="1" title="list and vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-021.xht">block-flow-direction-vrl-021</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</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="block-flow-direction-062" class="ahem image"> + <tbody id="block-flow-direction-vrl-024" class="ahem"> <tr> - <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</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="block-flow-direction-063" class="ahem"> - <tr> - <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> - <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td> - <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="block-flow-direction-064" class="ahem"> - <tr> - <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> - <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-024.xht">block-flow-direction-vrl-024</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-065" class="image"> + <tbody id="block-flow-direction-vrl-025" class="image"> <tr> - <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> - <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td> + <td rowspan="1" title="writing mode of document - horizontal position of first block"> + <a href="block-flow-direction-vrl-025.xht">block-flow-direction-vrl-025</a></td> <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="block-flow-direction-066" class="image"> - <tr> - <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> - <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td> - <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4176,6 +4176,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox_align-items-stretch-writing-modes" class=""> + <tr> + <td rowspan="1" title="Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl"> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="float-clear-vlr-003" class="ahem image"> <tr> <td rowspan="1" title="'float: right' and 'clear: right' in 'vertical-lr' block formating context (basic)"> @@ -4720,154 +4728,298 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-001" class="ahem"> + <tbody id="line-box-direction-htb-001" class="ahem"> <tr> <td rowspan="1" title="horizontal-tb - ordering direction of line boxes"> - <a href="line-box-direction-001.xht">line-box-direction-001</a></td> + <a href="line-box-direction-htb-001.xht">line-box-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-002" class="ahem"> + <tbody id="line-box-direction-slr-043" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> - <a href="line-box-direction-002.xht">line-box-direction-002</a></td> + <td rowspan="1" title="sideways-lr - ordering direction of line boxes"> + <a href="line-box-direction-slr-043.xht">line-box-direction-slr-043</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-003" class="ahem"> + <tbody id="line-box-direction-slr-047" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> - <a href="line-box-direction-003.xht">line-box-direction-003</a></td> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-047.xht">line-box-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-048.xht">line-box-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-050.xht">line-box-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-005" class="ahem"> + <tbody id="line-box-direction-slr-053" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-005.xht">line-box-direction-005</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-053.xht">line-box-direction-slr-053</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-006" class="ahem"> + <tbody id="line-box-direction-slr-054" class="ahem"> <tr> - <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-006.xht">line-box-direction-006</a></td> + <td rowspan="1" title="inline-block and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-054.xht">line-box-direction-slr-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-056" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-056.xht">line-box-direction-slr-056</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-007" class="ahem"> + <tbody id="line-box-direction-slr-058" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-058.xht">line-box-direction-slr-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-slr-060" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-lr' - ordering direction of line boxes"> + <a href="line-box-direction-slr-060.xht">line-box-direction-slr-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - ordering direction of line boxes"> + <a href="line-box-direction-srl-042.xht">line-box-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-045.xht">line-box-direction-srl-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-046.xht">line-box-direction-srl-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-049.xht">line-box-direction-srl-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-051.xht">line-box-direction-srl-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-052.xht">line-box-direction-srl-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-055" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-055.xht">line-box-direction-srl-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-057" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-057.xht">line-box-direction-srl-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-srl-059" class="ahem"> + <tr> + <td rowspan="1" title="list and 'sideways-rl' - ordering direction of line boxes"> + <a href="line-box-direction-srl-059.xht">line-box-direction-srl-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-003" class="ahem"> + <tr> + <td rowspan="1" title="vertical-lr - ordering direction of line boxes"> + <a href="line-box-direction-vlr-003.xht">line-box-direction-vlr-003</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vlr-007" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-007.xht">line-box-direction-007</a></td> + <a href="line-box-direction-vlr-007.xht">line-box-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-008" class="ahem"> + <tbody id="line-box-direction-vlr-008" class="ahem"> <tr> <td rowspan="1" title="'float: right' and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-008.xht">line-box-direction-008</a></td> + <a href="line-box-direction-vlr-008.xht">line-box-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-009" class="ahem"> + <tbody id="line-box-direction-vlr-010" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-009.xht">line-box-direction-009</a></td> + <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-010.xht">line-box-direction-vlr-010</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-010" class="ahem"> + <tbody id="line-box-direction-vlr-013" class="ahem"> <tr> - <td rowspan="1" title="position absolute and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-010.xht">line-box-direction-010</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-013.xht">line-box-direction-vlr-013</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-011" class="ahem"> + <tbody id="line-box-direction-vlr-014" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-011.xht">line-box-direction-011</a></td> + <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-014.xht">line-box-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-012" class="ahem"> + <tbody id="line-box-direction-vlr-016" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-012.xht">line-box-direction-012</a></td> + <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-016.xht">line-box-direction-vlr-016</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-013" class="ahem"> + <tbody id="line-box-direction-vlr-018" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-013.xht">line-box-direction-013</a></td> + <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-018.xht">line-box-direction-vlr-018</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-014" class="ahem"> + <tbody id="line-box-direction-vlr-020" class="ahem"> <tr> - <td rowspan="1" title="inline-block and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-014.xht">line-box-direction-014</a></td> + <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> + <a href="line-box-direction-vlr-020.xht">line-box-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-015" class="ahem"> + <tbody id="line-box-direction-vrl-002" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-015.xht">line-box-direction-015</a></td> + <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> + <a href="line-box-direction-vrl-002.xht">line-box-direction-vrl-002</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-016" class="ahem"> + <tbody id="line-box-direction-vrl-005" class="ahem"> <tr> - <td rowspan="1" title="table-cell and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-016.xht">line-box-direction-016</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-005.xht">line-box-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-017" class="ahem"> + <tbody id="line-box-direction-vrl-006" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-017.xht">line-box-direction-017</a></td> + <td rowspan="1" title="'float: left' and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-006.xht">line-box-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-018" class="ahem"> + <tbody id="line-box-direction-vrl-009" class="ahem"> <tr> - <td rowspan="1" title="table-caption and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-018.xht">line-box-direction-018</a></td> + <td rowspan="1" title="position absolute and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-009.xht">line-box-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-019" class="ahem"> + <tbody id="line-box-direction-vrl-011" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> - <a href="line-box-direction-019.xht">line-box-direction-019</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-011.xht">line-box-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="line-box-direction-020" class="ahem"> + <tbody id="line-box-direction-vrl-012" class="ahem"> <tr> - <td rowspan="1" title="list and 'vertical-lr' - ordering direction of line boxes"> - <a href="line-box-direction-020.xht">line-box-direction-020</a></td> + <td rowspan="1" title="inline-block and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-012.xht">line-box-direction-vrl-012</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-015" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-015.xht">line-box-direction-vrl-015</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-017" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-017.xht">line-box-direction-vrl-017</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="line-box-direction-vrl-019" class="ahem"> + <tr> + <td rowspan="1" title="list and 'vertical-rl' - ordering direction of line boxes"> + <a href="line-box-direction-vrl-019.xht">line-box-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5264,66 +5416,98 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="row-progression-002" class="ahem"> + <tbody id="row-progression-slr-023" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression"> - <a href="row-progression-002.xht">row-progression-002</a></td> + <td rowspan="1" title="sideways-lr - table rows progression"> + <a href="row-progression-slr-023.xht">row-progression-slr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-003" class="ahem"> + <tbody id="row-progression-slr-029" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression"> - <a href="row-progression-003.xht">row-progression-003</a></td> + <td rowspan="1" title="sideways-lr - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-slr-029.xht">row-progression-slr-029</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-004" class="ahem"> + <tbody id="row-progression-srl-022" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and colspan"> - <a href="row-progression-004.xht">row-progression-004</a></td> + <td rowspan="1" title="sideways-rl - table rows progression"> + <a href="row-progression-srl-022.xht">row-progression-srl-022</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-005" class="ahem"> + <tbody id="row-progression-srl-028" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and colspan"> - <a href="row-progression-005.xht">row-progression-005</a></td> + <td rowspan="1" title="sideways-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-srl-028.xht">row-progression-srl-028</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-006" class="ahem"> + <tbody id="row-progression-vlr-003" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> - <a href="row-progression-006.xht">row-progression-006</a></td> + <td rowspan="1" title="vertical-lr - table rows progression"> + <a href="row-progression-vlr-003.xht">row-progression-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-007" class="ahem"> + <tbody id="row-progression-vlr-005" class="ahem"> <tr> - <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> - <a href="row-progression-007.xht">row-progression-007</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and colspan"> + <a href="row-progression-vlr-005.xht">row-progression-vlr-005</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-008" class="ahem"> + <tbody id="row-progression-vlr-007" class="ahem"> <tr> - <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-008.xht">row-progression-008</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> + <a href="row-progression-vlr-007.xht">row-progression-vlr-007</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="row-progression-009" class="ahem"> + <tbody id="row-progression-vlr-009" class="ahem"> <tr> <td rowspan="1" title="vertical-lr - table rows progression (thead, 2 tbodies, tfoot)"> - <a href="row-progression-009.xht">row-progression-009</a></td> + <a href="row-progression-vlr-009.xht">row-progression-vlr-009</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression"> + <a href="row-progression-vrl-002.xht">row-progression-vrl-002</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and colspan"> + <a href="row-progression-vrl-004.xht">row-progression-vrl-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression and rowspan"> + <a href="row-progression-vrl-006.xht">row-progression-vrl-006</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="row-progression-vrl-008" class="ahem"> + <tr> + <td rowspan="1" title="vertical-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-vrl-008.xht">row-progression-vrl-008</a></td> <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> @@ -5360,6 +5544,38 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="table-progression-slr-001" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-slr-001.xht">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-slr-002" class=""> + <tr> + <td rowspan="1" title="sideways-lr Table Column/Colgroup Ordering"> + <a href="table-progression-slr-002.xht">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-001" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-srl-001.xht">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-srl-002" class=""> + <tr> + <td rowspan="1" title="sideways-rl Table Column/Colgroup Ordering"> + <a href="table-progression-srl-002.xht">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> @@ -5568,51 +5784,99 @@ <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-baseline-002" class="ahem"> + <tbody id="text-baseline-slr-009" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-002.xht">text-baseline-002</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-009.xht">text-baseline-slr-009</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-003" class="ahem"> + <tbody id="text-baseline-slr-011" class="ahem"> <tr> - <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-003.xht">text-baseline-003</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-011.xht">text-baseline-slr-011</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-slr-013" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-013.xht">text-baseline-slr-013</a></td> + <td><a href="reference/text-baseline-slr-009-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-004" class="ahem"> + <tbody id="text-baseline-srl-008" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-008.xht">text-baseline-srl-008</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-010" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-010.xht">text-baseline-srl-010</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-srl-012" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-srl-012.xht">text-baseline-srl-012</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-004.xht">text-baseline-004</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-003.xht">text-baseline-vlr-003</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-005" class="ahem"> + <tbody id="text-baseline-vlr-005" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> - <a href="text-baseline-005.xht">text-baseline-005</a></td> - <td><a href="reference/text-baseline-002-ref.xht">=</a> </td> + <a href="text-baseline-vlr-005.xht">text-baseline-vlr-005</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-006" class="ahem"> + <tbody id="text-baseline-vlr-007" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-006.xht">text-baseline-006</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vlr-007.xht">text-baseline-vlr-007</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="text-baseline-007" class="ahem"> + <tbody id="text-baseline-vrl-002" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-002.xht">text-baseline-vrl-002</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-004" class="ahem"> + <tr> + <td rowspan="1" title="text baseline alignment - central alignment with vertical layout"> + <a href="text-baseline-vrl-004.xht">text-baseline-vrl-004</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="text-baseline-vrl-006" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-007.xht">text-baseline-007</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> + <a href="text-baseline-vrl-006.xht">text-baseline-vrl-006</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -6160,14 +6424,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="writing-mode-stretch-001" class=""> - <tr> - <td rowspan="1" title="writing-mode vertical-lr and vertical-rl"> - <a href="writing-mode-stretch-001.xht">writing-mode-stretch-001</a></td> - <td><a href="reference/writing-mode-stretch-001-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="writing-mode-vertical-lr-002" class="ahem"> <tr> <td rowspan="1" title="writing-mode: vertical-lr - basic inline case"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list index 3c9addbeb06..117f3f8138b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list @@ -377,55 +377,55 @@ bidi-unset-010.xht == reference/bidi-normal-010.xht block-embed-001.xht == reference/block-embed-001.xht block-embed-002.xht == reference/block-embed-002.xht block-embed-003.xht == reference/block-embed-003.xht -block-flow-direction-001.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-002.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-003.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-004.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-005.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-006.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-007.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-008.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-009.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-010.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-011.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-012.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-013.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-014.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-015.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-016.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-017.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-018.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-019.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-020.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-021.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht -block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht -block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht -block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht -block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht -block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht +block-flow-direction-htb-001.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-043.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-047.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-slr-048.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-slr-050.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-054.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-055.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-056.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-058.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-060.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-slr-062.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-063.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-slr-066.xht == reference/block-flow-direction-066-ref.xht +block-flow-direction-srl-042.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-045.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-046.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-049.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-051.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-052.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-053.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-057.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-059.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-srl-061.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-064.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-srl-065.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-vlr-003.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-007.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vlr-008.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vlr-010.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-014.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-015.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-016.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-018.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-020.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-022.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vlr-023.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-002.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-005.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-006.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-009.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-011.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-012.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-013.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-017.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-vrl-021.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-024.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-vrl-025.xht == reference/block-flow-direction-025-ref.xht block-override-001.xht == reference/block-override-001.xht block-override-002.xht == reference/block-override-002.xht block-override-003.xht == reference/block-override-003.xht @@ -518,6 +518,7 @@ extract-ordered-list-direction-and-writing-modes.xht == reference/extract-ordere flexbox-writing-mode-007.xht == reference/flexbox-writing-mode-007-ref.xht flexbox-writing-mode-008.xht == reference/flexbox-writing-mode-008-ref.xht flexbox-writing-mode-009.xht == reference/flexbox-writing-mode-009-ref.xht +flexbox_align-items-stretch-writing-modes.xht == reference/flexbox_align-items-stretch-writing-modes-ref.xht float-clear-vlr-003.xht == reference/ref-filled-green-100px-square.xht float-clear-vlr-005.xht == reference/ref-filled-green-100px-square.xht float-clear-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -586,25 +587,43 @@ inline-table-alignment-002.xht == reference/inline-table-alignment-002-ref.xht inline-table-alignment-003.xht == reference/inline-table-alignment-003-ref.xht inline-table-alignment-004.xht == reference/inline-table-alignment-002-ref.xht inline-table-alignment-005.xht == reference/inline-table-alignment-003-ref.xht -line-box-direction-001.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-002.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-003.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-005.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-006.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-007.xht == reference/block-flow-direction-002-ref.xht -line-box-direction-008.xht == reference/block-flow-direction-002-ref.xht -line-box-direction-009.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-010.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-011.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-012.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-013.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-014.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-015.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-016.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-017.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-018.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-019.xht == reference/block-flow-direction-001-ref.xht -line-box-direction-020.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-htb-001.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-043.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-047.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-slr-048.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-slr-050.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-053.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-054.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-056.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-058.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-slr-060.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-042.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-045.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-046.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-049.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-051.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-052.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-055.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-057.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-srl-059.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-003.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-007.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-vlr-008.xht == reference/block-flow-direction-002-ref.xht +line-box-direction-vlr-010.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-013.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-014.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-016.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-018.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vlr-020.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-002.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-005.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-006.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-009.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-011.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-012.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-015.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-017.xht == reference/block-flow-direction-001-ref.xht +line-box-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht line-box-height-vlr-003.xht == reference/line-box-height-vlr-003-ref.xht line-box-height-vlr-005.xht == reference/line-box-height-vlr-003-ref.xht line-box-height-vlr-007.xht == reference/line-box-height-vlr-007-ref.xht @@ -654,18 +673,26 @@ percent-padding-vlr-007.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-002.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-004.xht == reference/margin-vrl-002-ref.xht percent-padding-vrl-006.xht == reference/margin-vrl-002-ref.xht -row-progression-002.xht == reference/block-flow-direction-001-ref.xht -row-progression-003.xht == reference/block-flow-direction-001-ref.xht -row-progression-004.xht == reference/block-flow-direction-001-ref.xht -row-progression-005.xht == reference/block-flow-direction-001-ref.xht -row-progression-006.xht == reference/block-flow-direction-001-ref.xht -row-progression-007.xht == reference/block-flow-direction-001-ref.xht -row-progression-008.xht == reference/block-flow-direction-001-ref.xht -row-progression-009.xht == reference/block-flow-direction-001-ref.xht +row-progression-slr-023.xht == reference/block-flow-direction-001-ref.xht +row-progression-slr-029.xht == reference/block-flow-direction-001-ref.xht +row-progression-srl-022.xht == reference/block-flow-direction-001-ref.xht +row-progression-srl-028.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-003.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-005.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-007.xht == reference/block-flow-direction-001-ref.xht +row-progression-vlr-009.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-002.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-004.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-006.xht == reference/block-flow-direction-001-ref.xht +row-progression-vrl-008.xht == reference/block-flow-direction-001-ref.xht table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht +table-progression-slr-001.xht == reference/table-progression-slr-001-ref.xht +table-progression-slr-002.xht == reference/table-progression-002-ref.xht +table-progression-srl-001.xht == reference/table-progression-001-ref.xht +table-progression-srl-002.xht == reference/table-progression-002-ref.xht table-progression-vlr-001.xht == reference/table-progression-001-ref.xht table-progression-vlr-002.xht == reference/table-progression-002-ref.xht table-progression-vlr-003.xht == reference/table-progression-001-ref.xht @@ -692,12 +719,18 @@ text-align-vrl-012.xht == reference/text-align-vrl-008-ref.xht text-align-vrl-014.xht == reference/direction-vrl-002-ref.xht text-align-vrl-016.xht == reference/direction-vrl-002-ref.xht text-align-vrl-018.xht == reference/direction-vrl-002-ref.xht -text-baseline-002.xht == reference/text-baseline-002-ref.xht -text-baseline-003.xht == reference/text-baseline-002-ref.xht -text-baseline-004.xht == reference/text-baseline-002-ref.xht -text-baseline-005.xht == reference/text-baseline-002-ref.xht -text-baseline-006.xht == reference/text-baseline-006-ref.xht -text-baseline-007.xht == reference/text-baseline-006-ref.xht +text-baseline-slr-009.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-slr-011.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-slr-013.xht == reference/text-baseline-slr-009-ref.xht +text-baseline-srl-008.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-srl-010.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-srl-012.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-vlr-003.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vlr-005.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vlr-007.xht == reference/text-baseline-vrl-006-ref.xht +text-baseline-vrl-002.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vrl-004.xht == reference/text-baseline-vrl-002-ref.xht +text-baseline-vrl-006.xht == reference/text-baseline-vrl-006-ref.xht text-combine-upright-decorations-001.xht == reference/text-combine-upright-decorations-001.xht text-combine-upright-inherit-all-001.xht == reference/text-combine-upright-inherit-all-001.xht text-combine-upright-inherit-all-002.xht == reference/text-combine-upright-inherit-all-002.xht @@ -766,7 +799,6 @@ vertical-alignment-vrl-024.xht == reference/vertical-alignment-vrl-022-ref.xht vertical-alignment-vrl-026.xht == reference/vertical-alignment-vrl-026-ref.xht writing-mode-horizontal-001l.xht == reference/writing-mode-horizontal-001l-ref.xht writing-mode-horizontal-001r.xht == reference/writing-mode-horizontal-001r-ref.xht -writing-mode-stretch-001.xht == reference/writing-mode-stretch-001-ref.xht writing-mode-vertical-lr-002.xht == reference/writing-mode-vertical-lr-002-ref.xht writing-mode-vertical-rl-001.xht == reference/writing-mode-vertical-rl-001-ref.xht writing-mode-vertical-rl-002.xht == reference/writing-mode-vertical-rl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-023.xht new file mode 100644 index 00000000000..a1c67fefcf8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-023.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-029.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-029.xht new file mode 100644 index 00000000000..f4f99c812dd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-slr-029.xht @@ -0,0 +1,81 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-lr; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The "P" --> + <tr><td class="left-most-cell">AAA </td><td class="left-most-cell">BB C D EE</td><td class="left-most-cell">FF G H JJ</td></tr> + + </thead> + + <tfoot> + +<!-- The right-most "S" --> + <tr><td>j k m nnn</td><td>qq r s t</td><td>uu v w x</td></tr> + + </tfoot> + + <tbody> + +<!-- The "A" --> + <tr><td>KKK LLL</td><td>MM N O QQ</td><td>RR S T UU</td></tr> + + </tbody> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>V W X YYY</td><td>aa b c d</td><td>ee f g h</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-022.xht new file mode 100644 index 00000000000..2c9ea603f08 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-022.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-028.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-028.xht new file mode 100644 index 00000000000..687c73f235c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-srl-028.xht @@ -0,0 +1,80 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - table rows progression (thead, 2 tbodies, tfoot)</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/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc..." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + table + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: sideways-rl; + } + + td + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } + ]]></style> + </head> + + <body> + + <table> + + <thead> + +<!-- The right-most "S" --> + <tr><td>A B C DDD</td><td>EE F G H</td><td>JJ K L M</td></tr> + + </thead> + + <tfoot> + +<!-- The "P" --> + <tr><td class="left-most-cell">mmm n o qqq</td><td class="left-most-cell">r s t uu</td><td class="left-most-cell"> vv</td></tr> + + </tfoot> + + <tbody> + +<!-- The left-most "S" --> + <tr><td>N O Q RRR</td><td>SS T U V</td><td>WW X Y Z</td></tr> + + </tbody> + + <tbody> +<!-- The "A" --> + <tr><td>aaa b c ddd</td><td>ee f g hh</td><td>jj kk</td></tr> + + </tbody> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-003.xht index ff2ca62afb7..6b501cb41a9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-003.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-005.xht index ab6d0ef2d77..582ed6d665c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-005.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-007.xht index 2bbfc38554d..9869d60903f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-007.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-009.xht index 4d76bc67a42..67493b31ab1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vlr-009.xht @@ -10,33 +10,36 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc..." name="assert" /> + <meta content="This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top." name="assert" /> <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-lr; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-002.xht index 28a1930fab0..aafe80a4fc5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-002.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-rl; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-004.xht index db6e7669898..780cd7a4572 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-004.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-rl; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-006.xht index 9b11e1c3151..aeb6d089e31 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-006.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-rl; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-008.xht index 20b255eb174..9e68c964f27 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/row-progression-vrl-008.xht @@ -14,29 +14,32 @@ <style type="text/css"><![CDATA[ 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; - writing-mode: vertical-rl; - } + { + background-color: blue; + border-spacing: 0em; + border: blue solid 1em; + height: 7em; + writing-mode: vertical-rl; + } td - { - padding-bottom: 0em; - padding-left: 1em; - padding-right: 0em; - padding-top: 0em; - } - - td.left-most-cell { padding-left: 0em; } + { + padding-bottom: 0em; + padding-left: 1em; + padding-right: 0em; + padding-top: 0em; + } + + td.left-most-cell + { + padding-left: 0em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-slr.png Binary files differnew file mode 100644 index 00000000000..ac9b2a30725 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-srl.png Binary files differnew file mode 100644 index 00000000000..da9d401f917 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png Binary files differnew file mode 100644 index 00000000000..5abc22e9ee7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht new file mode 100644 index 00000000000..b7eb25ab734 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht @@ -0,0 +1,134 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-slr-001-ref.xht" 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" /> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></tfoot><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> + </td></tr></tbody><tbody> + <tr> + <td colspan="2" rowspan="2"> + </td><td class="yllw"> + </td><td rowspan="3"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td class="purp"> + </td><td colspan="2"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td class="teal"> + </td><td rowspan="3"> + </td><td colspan="2" rowspan="2"> + </td><td class="purp"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="aqua"> + </td><td rowspan="2"> + </td></tr><tr> + <td rowspan="2"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td class="blue"> + + </td></tr><tr> + <td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht new file mode 100644 index 00000000000..4547ad37ba7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-002.xht @@ -0,0 +1,86 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-002-ref.xht" 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" /> + +<style> + .test { + writing-mode: sideways-lr; + } + [dir=rtl] { + direction: rtl; + } + + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht new file mode 100644 index 00000000000..e56a3c35f7d --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht @@ -0,0 +1,132 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-001-ref.xht" 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" /> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <thead> + <tr> + <td colspan="2"> + </td><td class="blue"> + </td><td class="navy"> + </td></tr></thead><tfoot> + <tr> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="purp"> + </td><td colspan="2"> + </td><td rowspan="3"> + </td></tr><tr> + <td colspan="2" rowspan="2"> + </td><td class="pink"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td colspan="3"> + </td><td class="orng"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht new file mode 100644 index 00000000000..f55a3778341 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht @@ -0,0 +1,86 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-rl Table Column/Colgroup Ordering</title> +<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="reference/table-progression-002-ref.xht" 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" /> + +<style> + .test { + writing-mode: sideways-rl; + } + [dir=rtl] { + direction: rtl; + } + + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: sideways-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht new file mode 100644 index 00000000000..f2c44b965ab --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-009.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-mixed"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht new file mode 100644 index 00000000000..391c71db172 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-011.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-upright"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht new file mode 100644 index 00000000000..aff8a8d4bb7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-slr-013.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-slr-009-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#slr-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-lr; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="slr-sideways"><span id="fuchsia30">É</span><span id="fuchsia120">É</span>É</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht new file mode 100644 index 00000000000..9146387143e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-008.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-mixed + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: mixed; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-mixed">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht new file mode 100644 index 00000000000..e82433f267f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-010.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-upright + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: upright; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-upright">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht new file mode 100644 index 00000000000..4d5c4748bab --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-srl-012.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> + <link rel="match" href="reference/text-baseline-vrl-006-ref.xht" /> + <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#srl-sideways + { + color: fuchsia; + font: 60px/1.5 Ahem; /* computes to 60px/90px */ + writing-mode: sideways-rl; + text-orientation: sideways; + } + + span#fuchsia120 + { + font-size: 2em; /* computes to 120px */ + } + + span#fuchsia30 + { + font-size: 0.5em; /* computes to 30px */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="srl-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht index 97afa4f6aae..6d405c5cdc0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-vlr-003.xht @@ -5,7 +5,7 @@ <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-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-002-ref.xht" /> + <link rel="match" href="reference/text-baseline-vrl-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> <meta name="flags" content="ahem" /> <style type="text/css"><
