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/html | |
| 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/html')
147 files changed, 4478 insertions, 1220 deletions
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm index 9628ce9b170..09dc086491f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm @@ -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"> - 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/html/block-flow-direction-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm index 575453ab112..575453ab112 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm index a4f7a899a68..a4f7a899a68 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm index 5e2c1ea5261..5e2c1ea5261 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm index 2ac710f83c1..2ac710f83c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm index 23a5b6698f7..23a5b6698f7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm index cb3b5c46b63..cb3b5c46b63 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm index cf4c07e2889..cf4c07e2889 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm index 79f49349075..79f49349075 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm index 7e2f4642095..7e2f4642095 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm index d9ec4c616bd..d9ec4c616bd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm index f7f705fbbdb..f7f705fbbdb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm index 6f7bab2fd69..6f7bab2fd69 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm index 45d70954f5a..45d70954f5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm index 56b231a3eac..56b231a3eac 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm index 4f30cfc0828..4f30cfc0828 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm index c1d2690d804..c1d2690d804 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm index 9c53d52a5dd..9c53d52a5dd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm index abe1ac7f5e3..abe1ac7f5e3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm index 705ed7dd76b..705ed7dd76b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm index 85e5500c9fd..85e5500c9fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm index b99ec256713..b99ec256713 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm index 6eeb81bd1cd..6eeb81bd1cd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm index 4b7e8f44829..4b7e8f44829 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm index d14aaab5326..d14aaab5326 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm index 2fe1367e157..2fe1367e157 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm index f45e71d7c67..f45e71d7c67 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm index cbb55384c16..cbb55384c16 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm index 2a2cd35d393..2a2cd35d393 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm index b75ce9c722c..b75ce9c722c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm index 174f564cb33..174f564cb33 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm index f5a1f43c351..f5a1f43c351 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm index 335a4b55c4e..335a4b55c4e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm index e0676957d04..e0676957d04 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm index 0122e01764a..0122e01764a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm index 1f0b0edeea4..1f0b0edeea4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm index 20a6689be57..20a6689be57 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm index 47741b67fc2..47741b67fc2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm index dbf49fe4805..dbf49fe4805 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm index ee3801605b4..ee3801605b4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm index ae20098b2ac..ae20098b2ac 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm index 0681a63ab42..0681a63ab42 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm index 4aa828ce342..4aa828ce342 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm index 492c940ec9e..492c940ec9e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm index d15da67116d..d15da67116d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm index 1fae0a8dc8a..1fae0a8dc8a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm index ecdfe4eceae..ecdfe4eceae 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-025.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm index a0639e2fd4b..a0639e2fd4b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-025.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm index 999193872a3..a445739f4db 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm @@ -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 id="refs-column"> @@ -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.htm">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.htm">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-2.1" class=""> + <td> + <a href="table-progression-slr-002.htm">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-2.1" class=""> + <td> + <a href="table-progression-srl-001.htm">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-2.1" class=""> + <td> + <a href="table-progression-srl-002.htm">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> <tr id="table-progression-vlr-001-2.1" class=""> <td> <a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm index 1f2a3f7a5bb..f37d0421a61 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm @@ -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 id="refs-column"> @@ -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.htm">block-flow-direction-001</a></strong></td> + <a href="block-flow-direction-004.htm">block-flow-direction-004</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-002</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-043.htm">block-flow-direction-slr-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <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.htm">block-flow-direction-003</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-047.htm">block-flow-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-004</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-048.htm">block-flow-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-005</a></strong></td> + <a href="block-flow-direction-slr-050.htm">block-flow-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-006</a></strong></td> + <a href="block-flow-direction-slr-054.htm">block-flow-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-007</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-055.htm">block-flow-direction-slr-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-008</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-056.htm">block-flow-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-009</a></strong></td> + <a href="block-flow-direction-slr-058.htm">block-flow-direction-slr-058</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-010</a></strong></td> + <a href="block-flow-direction-slr-060.htm">block-flow-direction-slr-060</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-011</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-slr-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>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.htm">block-flow-direction-012</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-slr-063.htm">block-flow-direction-slr-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</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.htm">block-flow-direction-013</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-slr-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.htm">=</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.htm">block-flow-direction-014</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-srl-042.htm">block-flow-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-015</a></strong></td> + <a href="block-flow-direction-srl-045.htm">block-flow-direction-srl-045</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-016</a></strong></td> + <a href="block-flow-direction-srl-046.htm">block-flow-direction-srl-046</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-017</a></strong></td> + <a href="block-flow-direction-srl-049.htm">block-flow-direction-srl-049</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-018</a></strong></td> + <a href="block-flow-direction-srl-051.htm">block-flow-direction-srl-051</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-019</a></strong></td> + <a href="block-flow-direction-srl-052.htm">block-flow-direction-srl-052</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-020</a></strong></td> + <a href="block-flow-direction-srl-053.htm">block-flow-direction-srl-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-021</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and vertical-rl - block flow direction of block-level boxes + <a href="block-flow-direction-srl-057.htm">block-flow-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-022</a></strong></td> + <a href="block-flow-direction-srl-059.htm">block-flow-direction-srl-059</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>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.htm">block-flow-direction-023</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-srl-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>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.htm">block-flow-direction-024</a></strong></td> + <a href="block-flow-direction-srl-064.htm">block-flow-direction-srl-064</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>vertical-rl - block flow direction of block-level boxes + <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.htm">block-flow-direction-025</a></strong></td> + <a href="block-flow-direction-srl-065.htm">block-flow-direction-srl-065</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.htm">=</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.htm">block-flow-direction-042</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-003.htm">block-flow-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-043</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-007.htm">block-flow-direction-vlr-007</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-045</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-008.htm">block-flow-direction-vlr-008</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-046</a></strong></td> + <a href="block-flow-direction-vlr-010.htm">block-flow-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-047</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-014.htm">block-flow-direction-vlr-014</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-048</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <a href="block-flow-direction-vlr-015.htm">block-flow-direction-vlr-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-049</a></strong></td> + <a href="block-flow-direction-vlr-016.htm">block-flow-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-050</a></strong></td> + <a href="block-flow-direction-vlr-018.htm">block-flow-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-051</a></strong></td> + <a href="block-flow-direction-vlr-020.htm">block-flow-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-052</a></strong></td> + <a href="block-flow-direction-vlr-022.htm">block-flow-direction-vlr-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-053</a></strong></td> + <a href="block-flow-direction-vlr-023.htm">block-flow-direction-vlr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-054</a></strong></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <a href="block-flow-direction-vrl-002.htm">block-flow-direction-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-055</a></strong></td> + <a href="block-flow-direction-vrl-005.htm">block-flow-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-056</a></strong></td> + <a href="block-flow-direction-vrl-006.htm">block-flow-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-057</a></strong></td> + <a href="block-flow-direction-vrl-009.htm">block-flow-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-058</a></strong></td> + <a href="block-flow-direction-vrl-011.htm">block-flow-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-059</a></strong></td> + <a href="block-flow-direction-vrl-012.htm">block-flow-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-060</a></strong></td> + <a href="block-flow-direction-vrl-013.htm">block-flow-direction-vrl-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-061</a></strong></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-rl - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-017.htm">block-flow-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-062</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>list and sideways-lr - block flow direction of block-level boxes + <a href="block-flow-direction-vrl-019.htm">block-flow-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-063</a></strong></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</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.htm">block-flow-direction-vrl-021</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>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.htm">block-flow-direction-064</a></strong></td> + <a href="block-flow-direction-vrl-024.htm">block-flow-direction-vrl-024</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-065</a></strong></td> + <a href="block-flow-direction-vrl-025.htm">block-flow-direction-vrl-025</a></strong></td> <td><a href="reference/block-flow-direction-025-ref.htm">=</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.htm">block-flow-direction-066</a></strong></td> - <td><a href="reference/block-flow-direction-066-ref.htm">=</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.htm">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">form-controls-vert-rl-004</a></strong></td> + <a href="form-controls-vlr-005.htm">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.htm">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.htm">form-controls-vert-rl-005</a></strong></td> + <a href="form-controls-vrl-005.htm">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.htm">line-box-direction-001</a></strong></td> + <a href="line-box-direction-htb-001.htm">line-box-direction-htb-001</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-002</a></strong></td> + <a href="line-box-direction-slr-043.htm">line-box-direction-slr-043</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-slr-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-003</a></strong></td> + <a href="line-box-direction-slr-050.htm">line-box-direction-slr-050</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-005</a></strong></td> + <a href="line-box-direction-slr-053.htm">line-box-direction-slr-053</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-006</a></strong></td> + <a href="line-box-direction-slr-054.htm">line-box-direction-slr-054</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-042</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-007</a></strong></td> + <a href="line-box-direction-srl-049.htm">line-box-direction-srl-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vlr-003</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-008</a></strong></td> + <a href="line-box-direction-vlr-008.htm">line-box-direction-vlr-008</a></strong></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-009</a></strong></td> + <a href="line-box-direction-vlr-010.htm">line-box-direction-vlr-010</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-010</a></strong></td> + <a href="line-box-direction-vlr-013.htm">line-box-direction-vlr-013</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-011</a></strong></td> + <a href="line-box-direction-vlr-014.htm">line-box-direction-vlr-014</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-012</a></strong></td> + <a href="line-box-direction-vlr-016.htm">line-box-direction-vlr-016</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-013</a></strong></td> + <a href="line-box-direction-vlr-018.htm">line-box-direction-vlr-018</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-014</a></strong></td> + <a href="line-box-direction-vlr-020.htm">line-box-direction-vlr-020</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-015</a></strong></td> + <a href="line-box-direction-vrl-002.htm">line-box-direction-vrl-002</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-016</a></strong></td> + <a href="line-box-direction-vrl-005.htm">line-box-direction-vrl-005</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-017</a></strong></td> + <a href="line-box-direction-vrl-006.htm">line-box-direction-vrl-006</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-018</a></strong></td> + <a href="line-box-direction-vrl-009.htm">line-box-direction-vrl-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-019</a></strong></td> + <a href="line-box-direction-vrl-011.htm">line-box-direction-vrl-011</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-020</a></strong></td> + <a href="line-box-direction-vrl-012.htm">line-box-direction-vrl-012</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vrl-015</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vrl-017</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vrl-019</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">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.htm">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.htm">row-progression-002</a></strong></td> + <a href="row-progression-slr-023.htm">row-progression-slr-023</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-003</a></strong></td> + <a href="row-progression-slr-029.htm">row-progression-slr-029</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-004</a></strong></td> + <a href="row-progression-srl-022.htm">row-progression-srl-022</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-005</a></strong></td> + <a href="row-progression-srl-028.htm">row-progression-srl-028</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-006</a></strong></td> + <a href="row-progression-vlr-003.htm">row-progression-vlr-003</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vlr-005</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-007</a></strong></td> + <a href="row-progression-vlr-007.htm">row-progression-vlr-007</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-008</a></strong></td> + <a href="row-progression-vlr-009.htm">row-progression-vlr-009</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-002</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-009</a></strong></td> + <a href="row-progression-vrl-004.htm">row-progression-vrl-004</a></strong></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-006</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-008</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">table-progression-slr-001</a></strong></td> + <td><a href="reference/table-progression-slr-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-slr-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-slr-002.htm">table-progression-slr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-001-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-001.htm">table-progression-srl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-srl-002-3.1" class="primary"> + <td><strong> + <a href="table-progression-srl-002.htm">table-progression-srl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> + <td></td> + <td>sideways-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> @@ -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.htm">writing-mode-stretch-001</a></strong></td> - <td><a href="reference/writing-mode-stretch-001-ref.htm">=</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.htm">writing-mode-vertical-rl-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm index 2f5e10e2416..2a8b67b5559 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm @@ -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 id="refs-column"> @@ -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.htm">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.htm">text-baseline-002</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-slr-009.htm">text-baseline-slr-009</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - 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.htm">text-baseline-003</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-slr-011.htm">text-baseline-slr-011</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - 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.htm">text-baseline-slr-013</a></strong></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <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.htm">text-baseline-srl-008</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <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.htm">text-baseline-srl-010</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <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.htm">text-baseline-srl-012</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - alphabetical alignment with vertical layout + <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.htm">text-baseline-004</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-003.htm">text-baseline-vlr-003</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <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.htm">text-baseline-005</a></strong></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-005.htm">text-baseline-vlr-005</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - central alignment with vertical layout <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.htm">text-baseline-006</a></strong></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vlr-007.htm">text-baseline-vlr-007</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <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.htm">text-baseline-vrl-002</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <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.htm">text-baseline-vrl-004</a></strong></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>text baseline alignment - central alignment with vertical layout + <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.htm">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vrl-006.htm">text-baseline-vrl-006</a></strong></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <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/html/writing-mode-stretch-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm index fb37cb9f688..6bec4cb74c3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-stretch-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/flexbox_align-items-stretch-writing-modes.htm @@ -1,10 +1,11 @@ <!DOCTYPE html> <html><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.htm" rel="match"> + <link href="reference/flexbox_align-items-stretch-writing-modes-ref.htm" 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/html/form-controls-slr-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm new file mode 100644 index 00000000000..76e980046f9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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"> + 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/html/form-controls-slr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm new file mode 100644 index 00000000000..50ba89fe4dc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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"> + 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/html/form-controls-srl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm new file mode 100644 index 00000000000..98268bc7723 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm @@ -0,0 +1,57 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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"> + 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/html/form-controls-srl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm new file mode 100644 index 00000000000..da2236d3cff --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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"> + 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/html/form-controls-vlr-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm new file mode 100644 index 00000000000..164cc0aac6a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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"> + 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/html/form-controls-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm new file mode 100644 index 00000000000..bd1fc95c3cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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"> + 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/html/form-controls-vert-rl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm index e557fc3ed85..9fd41dafb42 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm @@ -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"> 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/html/form-controls-vert-rl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-005.htm index 1d7caca22ad..015457d5623 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-005.htm @@ -14,44 +14,42 @@ <style type="text/css"> 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/html/line-box-direction-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm index 64d262e11ee..64d262e11ee 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm new file mode 100644 index 00000000000..9f3326c60aa --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 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.htm"> + + <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"> + 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/html/line-box-direction-slr-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm new file mode 100644 index 00000000000..627b97dbcfd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-slr-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm new file mode 100644 index 00000000000..5bbf37cf958 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-slr-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm new file mode 100644 index 00000000000..f2a1d08ef89 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS 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.htm"> + + <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"> + 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/html/line-box-direction-slr-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm new file mode 100644 index 00000000000..3596665b51b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-slr-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm new file mode 100644 index 00000000000..fdfd2cdcfe7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-slr-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm new file mode 100644 index 00000000000..8594da00388 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-slr-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm new file mode 100644 index 00000000000..a9622623a50 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-slr-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm new file mode 100644 index 00000000000..96b7f4a882e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm new file mode 100644 index 00000000000..7a2dc263daf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 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.htm"> + + <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"> + 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/html/line-box-direction-srl-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm new file mode 100644 index 00000000000..012fc521ed1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm new file mode 100644 index 00000000000..8f6e8ba2321 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm @@ -0,0 +1,68 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm new file mode 100644 index 00000000000..340b63d8a8e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS 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.htm"> + + <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"> + 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/html/line-box-direction-srl-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm new file mode 100644 index 00000000000..f4261a2d7ba --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm @@ -0,0 +1,66 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm new file mode 100644 index 00000000000..ccba2b76e3a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm new file mode 100644 index 00000000000..3493abb8421 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm new file mode 100644 index 00000000000..977df6d14c8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-srl-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm new file mode 100644 index 00000000000..f7deabec1e1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/line-box-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm index ac21dd13829..2ae9fdb398e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm @@ -14,24 +14,24 @@ <style type="text/css"> 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/html/line-box-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm index a0adf46169e..60bdf1e3408 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm @@ -14,19 +14,19 @@ <style type="text/css"> 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/html/line-box-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm index 61acc96a6f7..c102967e885 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm @@ -14,23 +14,26 @@ <style type="text/css"> 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/html/line-box-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm index 30dbadb4405..df067f48c2e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm @@ -14,20 +14,20 @@ <style type="text/css"> 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/html/line-box-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm index 61e02e8a6fb..88a9d89bd01 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm @@ -14,26 +14,26 @@ <style type="text/css"> 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/html/line-box-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm index 6234c9b7451..1766d100e39 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm @@ -14,31 +14,37 @@ <style type="text/css"> 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/html/line-box-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm index 5f452af3467..258f262f65f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm @@ -14,19 +14,19 @@ <style type="text/css"> 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/html/line-box-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm index f6a3b3b0fa7..3d988314a3f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm @@ -14,19 +14,19 @@ <style type="text/css"> 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/html/line-box-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm index 4aa15b58eac..ed4a3be5b11 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm @@ -14,21 +14,21 @@ <style type="text/css"> 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/html/line-box-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm index 6f762709abb..c655cce4790 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm @@ -14,18 +14,18 @@ <style type="text/css"> 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/html/line-box-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm index 2476699af97..f1df182f476 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm @@ -14,19 +14,19 @@ <style type="text/css"> 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/html/line-box-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm index f4f0d4c8b9f..bb50aefd68c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm @@ -10,27 +10,30 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <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"> 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/html/line-box-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm index 6d9b46abe0b..6badac3b30f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm @@ -14,20 +14,20 @@ <style type="text/css"> 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/html/line-box-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm index 5ac6a3766cc..720043926af 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm @@ -14,33 +14,33 @@ <style type="text/css"> 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/html/line-box-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm index a4b55885268..183651138ad 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm @@ -14,31 +14,37 @@ <style type="text/css"> 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/html/line-box-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm index 632fced1453..69659e93ec8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm @@ -14,19 +14,19 @@ <style type="text/css"> 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/html/line-box-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm index 974c58e51c4..2fbf4679937 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm @@ -14,19 +14,19 @@ <style type="text/css"> 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/html/line-box-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm index 1fd39e4189c..01d190c05c4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm @@ -14,21 +14,21 @@ <style type="text/css"> 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/html/page-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm index 98925b13a0a..f31a4d7ee34 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm @@ -13,15 +13,15 @@ <style type="text/css" media="print"> 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/html/page-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm index 3ffd6e5743f..eee6d3f81ca 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm @@ -13,15 +13,15 @@ <style type="text/css" media="print"> 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/html/page-flow-direction-slr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm new file mode 100644 index 00000000000..475c7e28e26 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS 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"> + 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/html/page-flow-direction-srl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm new file mode 100644 index 00000000000..6e280c152ea --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS 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"> + 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/html/reference/block-flow-direction-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm index a5fdf2bb202..0aad7d404eb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm @@ -7,14 +7,17 @@ <meta name="flags" content="image"> <style type="text/css"> 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/html/reference/block-flow-direction-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm index 1fe0c5bc271..7d66a1bad78 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm @@ -10,17 +10,23 @@ <meta name="flags" content="image"> <style type="text/css"> - 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/html/reference/writing-mode-stretch-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm index 0d30595c766..0d30595c766 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/writing-mode-stretch-001-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm index 80f3a878338..608f17837f1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm @@ -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/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/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/html/reference/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/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/html/reference/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/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/html/reference/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm new file mode 100644 index 00000000000..ecf06a8ac9e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html><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/html/reference/text-baseline-slr-009-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm new file mode 100644 index 00000000000..bceedf8749e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <meta name="flags" content="image"> + <style type="text/css"> + + 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/html/reference/text-baseline-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm index fc936e38844..fc936e38844 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm index f19e7b10d44..f19e7b10d44 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm index cd9b2712c55..e299a09b2e8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm @@ -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.htm">block-flow-direction-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-001</a></td> + <a href="block-flow-direction-htb-001.htm">block-flow-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-002</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-043.htm">block-flow-direction-slr-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</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.htm">block-flow-direction-003</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-004</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">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.htm">block-flow-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-slr-054</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-007</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-slr-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-008</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-slr-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-slr-058</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-slr-060</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-011</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-slr-062.htm">block-flow-direction-slr-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="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.htm">block-flow-direction-slr-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</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.htm">block-flow-direction-012</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-slr-066.htm">block-flow-direction-slr-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.htm">=</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.htm">block-flow-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-045</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-046</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-049</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-051</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-052</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-053</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-057</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-059</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-srl-061</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="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.htm">block-flow-direction-022</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-srl-064.htm">block-flow-direction-srl-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-srl-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.htm">=</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.htm">block-flow-direction-023</a></td> + <a href="block-flow-direction-vlr-003.htm">block-flow-direction-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-025</a></td> - <td><a href="reference/block-flow-direction-025-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-043</a></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</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.htm">block-flow-direction-vlr-010</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-015</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-047</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-vlr-016</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-048</a></td> - <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">block-flow-direction-vlr-018</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-022</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vlr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">block-flow-direction-052</a></td> - <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1" title="vertical-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-vrl-002.htm">block-flow-direction-vrl-002</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-012</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-013</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-017</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-021</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="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.htm">block-flow-direction-062</a></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - </tr> - </tbody> - <tbody id="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.htm">block-flow-direction-063</a></td> - <td><a href="reference/block-flow-direction-043-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-024</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">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.htm">block-flow-direction-vrl-025</a></td> <td><a href="reference/block-flow-direction-025-ref.htm">=</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.htm">block-flow-direction-066</a></td> - <td><a href="reference/block-flow-direction-066-ref.htm">=</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.htm">flexbox_align-items-stretch-writing-modes</a></td> + <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.htm">=</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.htm">line-box-direction-001</a></td> + <a href="line-box-direction-htb-001.htm">line-box-direction-htb-001</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-002</a></td> + <td rowspan="1" title="sideways-lr - ordering direction of line boxes"> + <a href="line-box-direction-slr-043.htm">line-box-direction-slr-043</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-slr-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-slr-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-slr-050</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-slr-053</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-slr-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-056</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-slr-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-042</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-srl-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vlr-003</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-007</a></td> + <a href="line-box-direction-vlr-007.htm">line-box-direction-vlr-007</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">line-box-direction-008</a></td> + <a href="line-box-direction-vlr-008.htm">line-box-direction-vlr-008</a></td> <td><a href="reference/block-flow-direction-002-ref.htm">=</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.htm">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.htm">line-box-direction-vlr-010</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vlr-013</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vlr-014</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vlr-016</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vlr-018</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vlr-020</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-015</a></td> + <td rowspan="1" title="vertical-rl - ordering direction of line boxes"> + <a href="line-box-direction-vrl-002.htm">line-box-direction-vrl-002</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vrl-005</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vrl-006</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vrl-009</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vrl-011</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">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.htm">line-box-direction-vrl-012</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vrl-015</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vrl-017</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">line-box-direction-vrl-019</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-002</a></td> + <td rowspan="1" title="sideways-lr - table rows progression"> + <a href="row-progression-slr-023.htm">row-progression-slr-023</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-003</a></td> + <td rowspan="1" title="sideways-lr - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-slr-029.htm">row-progression-slr-029</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-004</a></td> + <td rowspan="1" title="sideways-rl - table rows progression"> + <a href="row-progression-srl-022.htm">row-progression-srl-022</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-005</a></td> + <td rowspan="1" title="sideways-rl - table rows progression (thead, 2 tbodies, tfoot)"> + <a href="row-progression-srl-028.htm">row-progression-srl-028</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-006</a></td> + <td rowspan="1" title="vertical-lr - table rows progression"> + <a href="row-progression-vlr-003.htm">row-progression-vlr-003</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-007</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and colspan"> + <a href="row-progression-vlr-005.htm">row-progression-vlr-005</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-008</a></td> + <td rowspan="1" title="vertical-lr - table rows progression and rowspan"> + <a href="row-progression-vlr-007.htm">row-progression-vlr-007</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-009</a></td> + <a href="row-progression-vlr-009.htm">row-progression-vlr-009</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-002</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-004</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-006</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">row-progression-vrl-008</a></td> <td><a href="reference/block-flow-direction-001-ref.htm">=</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.htm">table-progression-slr-001</a></td> + <td><a href="reference/table-progression-slr-001-ref.htm">=</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.htm">table-progression-slr-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</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.htm">table-progression-srl-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</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.htm">table-progression-srl-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</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.htm">text-baseline-002</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-009.htm">text-baseline-slr-009</a></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</a> </td> <td 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.htm">text-baseline-003</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> + <a href="text-baseline-slr-011.htm">text-baseline-slr-011</a></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</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.htm">text-baseline-slr-013</a></td> + <td><a href="reference/text-baseline-slr-009-ref.htm">=</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.htm">text-baseline-srl-008</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</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.htm">text-baseline-srl-010</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</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.htm">text-baseline-srl-012</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</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.htm">text-baseline-004</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-003.htm">text-baseline-vlr-003</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td 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.htm">text-baseline-005</a></td> - <td><a href="reference/text-baseline-002-ref.htm">=</a> </td> + <a href="text-baseline-vlr-005.htm">text-baseline-vlr-005</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</a> </td> <td 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.htm">text-baseline-006</a></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vlr-007.htm">text-baseline-vlr-007</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td 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.htm">text-baseline-vrl-002</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</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.htm">text-baseline-vrl-004</a></td> + <td><a href="reference/text-baseline-vrl-002-ref.htm">=</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.htm">text-baseline-007</a></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> + <a href="text-baseline-vrl-006.htm">text-baseline-vrl-006</a></td> + <td><a href="reference/text-baseline-vrl-006-ref.htm">=</a> </td> <td 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.htm">writing-mode-stretch-001</a></td> - <td><a href="reference/writing-mode-stretch-001-ref.htm">=</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/html/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list index c126758c877..cacb7beb88d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list @@ -377,55 +377,55 @@ bidi-unset-010.htm == reference/bidi-normal-010.htm block-embed-001.htm == reference/block-embed-001.htm block-embed-002.htm == reference/block-embed-002.htm block-embed-003.htm == reference/block-embed-003.htm -block-flow-direction-001.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-002.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-003.htm == reference/block-flow-direction-001-ref.htm block-flow-direction-004.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-005.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-006.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-007.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-008.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-009.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-010.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-011.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-012.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-013.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-014.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-015.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-016.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-017.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-018.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-019.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-020.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-021.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-022.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-023.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-024.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-025.htm == reference/block-flow-direction-025-ref.htm -block-flow-direction-042.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-043.htm == reference/block-flow-direction-043-ref.htm -block-flow-direction-045.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-046.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-047.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-048.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-049.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-050.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-051.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-052.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-053.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-054.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-055.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-056.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-057.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-058.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-059.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-060.htm == reference/block-flow-direction-001-ref.htm -block-flow-direction-061.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-062.htm == reference/block-flow-direction-043-ref.htm -block-flow-direction-063.htm == reference/block-flow-direction-043-ref.htm -block-flow-direction-064.htm == reference/block-flow-direction-002-ref.htm -block-flow-direction-065.htm == reference/block-flow-direction-025-ref.htm -block-flow-direction-066.htm == reference/block-flow-direction-066-ref.htm +block-flow-direction-htb-001.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-043.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-slr-047.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-slr-048.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-slr-050.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-054.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-055.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-056.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-058.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-060.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-slr-062.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-slr-063.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-slr-066.htm == reference/block-flow-direction-066-ref.htm +block-flow-direction-srl-042.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-srl-045.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-046.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-049.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-051.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-052.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-053.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-057.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-059.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-srl-061.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-srl-064.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-srl-065.htm == reference/block-flow-direction-025-ref.htm +block-flow-direction-vlr-003.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-007.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vlr-008.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vlr-010.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-014.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-015.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-016.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-018.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-020.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-022.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vlr-023.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-002.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vrl-005.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-006.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-009.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-011.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-012.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-013.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-017.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-019.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-vrl-021.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vrl-024.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-vrl-025.htm == reference/block-flow-direction-025-ref.htm block-override-001.htm == reference/block-override-001.htm block-override-002.htm == reference/block-override-002.htm block-override-003.htm == reference/block-override-003.htm @@ -518,6 +518,7 @@ extract-ordered-list-direction-and-writing-modes.htm == reference/extract-ordere flexbox-writing-mode-007.htm == reference/flexbox-writing-mode-007-ref.htm flexbox-writing-mode-008.htm == reference/flexbox-writing-mode-008-ref.htm flexbox-writing-mode-009.htm == reference/flexbox-writing-mode-009-ref.htm +flexbox_align-items-stretch-writing-modes.htm == reference/flexbox_align-items-stretch-writing-modes-ref.htm float-clear-vlr-003.htm == reference/ref-filled-green-100px-square.htm float-clear-vlr-005.htm == reference/ref-filled-green-100px-square.htm float-clear-vlr-007.htm == reference/ref-filled-green-100px-square.htm @@ -586,25 +587,43 @@ inline-table-alignment-002.htm == reference/inline-table-alignment-002-ref.htm inline-table-alignment-003.htm == reference/inline-table-alignment-003-ref.htm inline-table-alignment-004.htm == reference/inline-table-alignment-002-ref.htm inline-table-alignment-005.htm == reference/inline-table-alignment-003-ref.htm -line-box-direction-001.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-002.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-003.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-005.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-006.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-007.htm == reference/block-flow-direction-002-ref.htm -line-box-direction-008.htm == reference/block-flow-direction-002-ref.htm -line-box-direction-009.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-010.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-011.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-012.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-013.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-014.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-015.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-016.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-017.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-018.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-019.htm == reference/block-flow-direction-001-ref.htm -line-box-direction-020.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-htb-001.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-043.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-047.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-slr-048.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-slr-050.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-053.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-054.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-056.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-058.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-slr-060.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-042.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-045.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-046.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-049.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-051.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-052.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-055.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-057.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-srl-059.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-003.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-007.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-vlr-008.htm == reference/block-flow-direction-002-ref.htm +line-box-direction-vlr-010.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-013.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-014.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-016.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-018.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vlr-020.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-002.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-005.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-006.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-009.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-011.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-012.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-015.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-017.htm == reference/block-flow-direction-001-ref.htm +line-box-direction-vrl-019.htm == reference/block-flow-direction-001-ref.htm line-box-height-vlr-003.htm == reference/line-box-height-vlr-003-ref.htm line-box-height-vlr-005.htm == reference/line-box-height-vlr-003-ref.htm line-box-height-vlr-007.htm == reference/line-box-height-vlr-007-ref.htm @@ -654,18 +673,26 @@ percent-padding-vlr-007.htm == reference/margin-vrl-002-ref.htm percent-padding-vrl-002.htm == reference/margin-vrl-002-ref.htm percent-padding-vrl-004.htm == reference/margin-vrl-002-ref.htm percent-padding-vrl-006.htm == reference/margin-vrl-002-ref.htm -row-progression-002.htm == reference/block-flow-direction-001-ref.htm -row-progression-003.htm == reference/block-flow-direction-001-ref.htm -row-progression-004.htm == reference/block-flow-direction-001-ref.htm -row-progression-005.htm == reference/block-flow-direction-001-ref.htm -row-progression-006.htm == reference/block-flow-direction-001-ref.htm -row-progression-007.htm == reference/block-flow-direction-001-ref.htm -row-progression-008.htm == reference/block-flow-direction-001-ref.htm -row-progression-009.htm == reference/block-flow-direction-001-ref.htm +row-progression-slr-023.htm == reference/block-flow-direction-001-ref.htm +row-progression-slr-029.htm == reference/block-flow-direction-001-ref.htm +row-progression-srl-022.htm == reference/block-flow-direction-001-ref.htm +row-progression-srl-028.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-003.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-005.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-007.htm == reference/block-flow-direction-001-ref.htm +row-progression-vlr-009.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-002.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-004.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-006.htm == reference/block-flow-direction-001-ref.htm +row-progression-vrl-008.htm == reference/block-flow-direction-001-ref.htm table-column-order-002.htm == reference/block-flow-direction-001-ref.htm table-column-order-003.htm == reference/block-flow-direction-001-ref.htm table-column-order-004.htm == reference/block-flow-direction-001-ref.htm table-column-order-005.htm == reference/block-flow-direction-001-ref.htm +table-progression-slr-001.htm == reference/table-progression-slr-001-ref.htm +table-progression-slr-002.htm == reference/table-progression-002-ref.htm +table-progression-srl-001.htm == reference/table-progression-001-ref.htm +table-progression-srl-002.htm == reference/table-progression-002-ref.htm table-progression-vlr-001.htm == reference/table-progression-001-ref.htm table-progression-vlr-002.htm == reference/table-progression-002-ref.htm table-progression-vlr-003.htm == reference/table-progression-001-ref.htm @@ -692,12 +719,18 @@ text-align-vrl-012.htm == reference/text-align-vrl-008-ref.htm text-align-vrl-014.htm == reference/direction-vrl-002-ref.htm text-align-vrl-016.htm == reference/direction-vrl-002-ref.htm text-align-vrl-018.htm == reference/direction-vrl-002-ref.htm -text-baseline-002.htm == reference/text-baseline-002-ref.htm -text-baseline-003.htm == reference/text-baseline-002-ref.htm -text-baseline-004.htm == reference/text-baseline-002-ref.htm -text-baseline-005.htm == reference/text-baseline-002-ref.htm -text-baseline-006.htm == reference/text-baseline-006-ref.htm -text-baseline-007.htm == reference/text-baseline-006-ref.htm +text-baseline-slr-009.htm == reference/text-baseline-slr-009-ref.htm +text-baseline-slr-011.htm == reference/text-baseline-slr-009-ref.htm +text-baseline-slr-013.htm == reference/text-baseline-slr-009-ref.htm +text-baseline-srl-008.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-srl-010.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-srl-012.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-vlr-003.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vlr-005.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vlr-007.htm == reference/text-baseline-vrl-006-ref.htm +text-baseline-vrl-002.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vrl-004.htm == reference/text-baseline-vrl-002-ref.htm +text-baseline-vrl-006.htm == reference/text-baseline-vrl-006-ref.htm text-combine-upright-decorations-001.htm == reference/text-combine-upright-decorations-001.htm text-combine-upright-inherit-all-001.htm == reference/text-combine-upright-inherit-all-001.htm text-combine-upright-inherit-all-002.htm == reference/text-combine-upright-inherit-all-002.htm @@ -766,7 +799,6 @@ vertical-alignment-vrl-024.htm == reference/vertical-alignment-vrl-022-ref.htm vertical-alignment-vrl-026.htm == reference/vertical-alignment-vrl-026-ref.htm writing-mode-horizontal-001l.htm == reference/writing-mode-horizontal-001l-ref.htm writing-mode-horizontal-001r.htm == reference/writing-mode-horizontal-001r-ref.htm -writing-mode-stretch-001.htm == reference/writing-mode-stretch-001-ref.htm writing-mode-vertical-lr-002.htm == reference/writing-mode-vertical-lr-002-ref.htm writing-mode-vertical-rl-001.htm == reference/writing-mode-vertical-rl-001-ref.htm writing-mode-vertical-rl-002.htm == reference/writing-mode-vertical-rl-002-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-023.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-023.htm new file mode 100644 index 00000000000..ffdc3e1f114 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-023.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/row-progression-slr-029.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-029.htm new file mode 100644 index 00000000000..dac7ca182b9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-slr-029.htm @@ -0,0 +1,81 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/row-progression-srl-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-022.htm new file mode 100644 index 00000000000..e59c47c7f8b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-022.htm @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/row-progression-srl-028.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-028.htm new file mode 100644 index 00000000000..e3635233499 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-srl-028.htm @@ -0,0 +1,80 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <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.htm"> + + <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"> + 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/html/row-progression-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm index 8c520a5a011..84867afeb09 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/row-progression-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm index 2378ce03adf..1cc987105c4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/row-progression-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm index 9020433629e..2ffefb448fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/row-progression-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm index 39d52dae9ea..1069cb74352 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm @@ -10,33 +10,36 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <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"> 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/html/row-progression-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm index d06f5ebb372..ddeab315d40 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/row-progression-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm index 66d31789631..5d106f6cab1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/row-progression-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm index 2b650dec83b..1493d5b733e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/row-progression-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm index 8e0b1ded432..670572e7812 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm @@ -14,29 +14,32 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } table - { - background-color: blue; - border-spacing: 0em; - border: blue solid 1em; - height: 7em; - 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/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/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/html/support/form-controls-slr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/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/html/support/form-controls-srl.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/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/html/support/form-controls-vlr.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm new file mode 100644 index 00000000000..ff0723c536e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm @@ -0,0 +1,134 @@ +<!DOCTYPE html> +<html><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.htm" rel="match"> +<meta content="This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<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/html/table-progression-slr-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm new file mode 100644 index 00000000000..2c511d645ed --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html><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.htm" rel="match"> +<meta content="This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<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/html/table-progression-srl-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm new file mode 100644 index 00000000000..2f2cb4dd105 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm @@ -0,0 +1,132 @@ +<!DOCTYPE html> +<html><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.htm" rel="match"> +<meta content="This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<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/html/table-progression-srl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm new file mode 100644 index 00000000000..8e3f1f5b381 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html><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.htm" rel="match"> +<meta content="This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<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/html/text-baseline-slr-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm new file mode 100644 index 00000000000..8929effea0f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS 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.htm"> + <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"> + 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/html/text-baseline-slr-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm new file mode 100644 index 00000000000..6e13e961ac7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS 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.htm"> + <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"> + 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/html/text-baseline-slr-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm new file mode 100644 index 00000000000..0b739c853b1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS 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.htm"> + <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"> + 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/html/text-baseline-srl-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm new file mode 100644 index 00000000000..b0a049411af --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS 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.htm"> + <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"> + 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/html/text-baseline-srl-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm new file mode 100644 index 00000000000..2e1a0af99cc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS 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.htm"> + <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"> + 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/html/text-baseline-srl-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm new file mode 100644 index 00000000000..2be27a5063e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS 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.htm"> + <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"> + 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/html/text-baseline-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm index e03a5257f29..fd60854557a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm @@ -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.htm"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> <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"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm index 9430fd74c96..b04c8dda440 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-005.htm @@ -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.htm"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> <meta name="flags" content="ahem"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm index 71b47d937ad..895ecefe83a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-007.htm @@ -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-006-ref.htm"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> <meta name="assert" content="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."> <meta name="flags" content="ahem"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm index 25b6909b582..d74a6314512 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-002.htm @@ -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.htm"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> <meta name="assert" content="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."> <meta name="flags" content="ahem"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm index e7c6ad94bdf..ced36033827 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-004.htm @@ -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.htm"> + <link rel="match" href="reference/text-baseline-vrl-002-ref.htm"> <meta name="assert" content="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."> <meta name="flags" content="ahem"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm index 07fd52f7ea5..a09db1d99c5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vrl-006.htm @@ -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-006-ref.htm"> + <link rel="match" href="reference/text-baseline-vrl-006-ref.htm"> <meta name="assert" content="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."> <meta name="flags" content="ahem"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm index c865fb4999d..e79af3c577e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm @@ -27,17 +27,17 @@ <tbody id="s2"> <tr><th><a href="chapter-2.htm">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(173 Tests)</td></tr> + <td>(177 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(113 Tests)</td></tr> + <td>(147 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Inline-level Alignment</a></th> - <td>(30 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm index f8c9bfc3596..9cb3226ac5e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-001.htm @@ -19,6 +19,7 @@ <div data-expected="horizontal-tb" style="writing-mode: initial"></div> <div data-expected="vertical-rl" style="writing-mode: inherit"></div> + <div data-expected="vertical-rl" style="writing-mode: horizontal-tb; writing-mode: inherit"></div> <div data-expected="vertical-rl" style="writing-mode: foo"></div> </div> |
