OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
2 | 2 |
3 <html xmlns="http://www.w3.org/1999/xhtml"> | 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
4 | 4 |
5 <head> | 5 <head> |
6 | 6 |
7 <title>CSS Writing Modes Test: horizontal-tb - ordering direction of line boxe
s</title> | 7 <title>CSS Writing Modes Test: horizontal-tb - ordering direction of line boxe
s</title> |
8 | 8 |
9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> | 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB
ugsSection/css21testsuite/" /> |
10 <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" /> | 10 <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" /> |
11 <link rel="match" href="block-flow-direction-001-ref.xht" /> | 11 <link rel="match" href="block-flow-direction-001-ref.xht" /> |
12 | 12 |
13 <meta content="ahem" name="flags" /> | 13 <meta content="ahem" name="flags" /> |
14 <meta content="This test checks that line boxes of a block box in a 'horizonta
l-tb' writing mode are laid out one after the other, vertically, with the first
beginning at the top of the block box; they are ordered from top to bottom meani
ng that the 1st line box is the topmost one and then the 2nd block is juxtaposed
to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand si
de, etc..." name="assert" /> | 14 <meta content="This test checks that line boxes of a block box in a 'horizonta
l-tb' writing mode are laid out one after the other, vertically, with the first
beginning at the top of the block box; they are ordered from top to bottom meani
ng that the 1st line box is the topmost one and then the 2nd block is juxtaposed
to its bottom, the 3rd block is juxtaposed to the 2nd block on its left-hand si
de, etc..." name="assert" /> |
15 | 15 |
16 <style type="text/css"><![CDATA[ | 16 <style type="text/css"><![CDATA[ |
17 body | 17 body |
18 { | 18 { |
19 color: yellow; | 19 color: yellow; |
20 font: 1.25em/1 Ahem; | 20 font: 20px/1 Ahem; |
21 } | 21 } |
22 | 22 |
23 div | 23 div |
24 { | 24 { |
25 background-color: blue; | 25 background-color: blue; |
26 border: blue solid 1em; | 26 border: blue solid 1em; |
27 width: 19em; /* Each line box has an inline-size of 19em */ | 27 width: 19em; /* Each line box has an inline-size of 19em */ |
28 -webkit-writing-mode: horizontal-tb; | 28 -webkit-writing-mode: horizontal-tb; |
29 } | 29 } |
30 ]]></style> | 30 ]]></style> |
31 </head> | 31 </head> |
32 | 32 |
33 <body> | 33 <body> |
34 | 34 |
35 <div>AAAA BBBB CCCC DDDD E F G H J L
M N Q R S T UUUU VVVV WWWW XXXX Z&nbs
p; a b c d e &n
bsp; f g h j k m&nbs
p; n qqqq rrrr</div> | 35 <div>AAAA BBBB CCCC DDDD E F G H J L
M N Q R S T UUUU VVVV WWWW XXXX Z&nbs
p; a b c d e &n
bsp; f g h j k m&nbs
p; n qqqq rrrr</div> |
36 | 36 |
37 </body> | 37 </body> |
38 </html> | 38 </html> |
OLD | NEW |