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: 'direction: rtl' - table columns order and vert
ical-rl</title> | 7 <title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vert
ical-rl</title> |
8 | 8 |
9 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.
com" /> | 9 <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.
com" /> |
10 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/Browse
rBugsSection/css21testsuite/" /> <!-- 2015-01-25 --> | 10 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/Browse
rBugsSection/css21testsuite/" /> <!-- 2015-01-25 --> |
11 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" ti
tle="2.1 Specifying Directionality: the direction property" /> | 11 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" ti
tle="2.1 Specifying Directionality: the direction property" /> |
12 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo
ut" title="7.1 Principles of Layout in Vertical Writing Modes" /> | 12 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layo
ut" title="7.1 Principles of Layout in Vertical Writing Modes" /> |
13 <link rel="match" href="block-flow-direction-001-ref.xht" /> | 13 <link rel="match" href="block-flow-direction-001-ref.xht" /> |
14 | 14 |
15 <meta content="ahem" name="flags" /> | 15 <meta content="ahem" name="flags" /> |
16 <meta content="This test checks that a table with 'writing-mode' set to 'verti
cal-rl' and with 'direction' set to 'rtl' will have its column displayed from bo
ttom (1st column) to top (last column). The inline base direction is still from
top to bottom." name="assert" /> | 16 <meta content="This test checks that a table with 'writing-mode' set to 'verti
cal-rl' and with 'direction' set to 'rtl' will have its column displayed from bo
ttom (1st column) to top (last column). The inline base direction is still from
top to bottom." name="assert" /> |
17 | 17 |
18 <style type="text/css"><![CDATA[ | 18 <style type="text/css"><![CDATA[ |
19 body | 19 body |
20 { | 20 { |
21 color: yellow; | 21 color: yellow; |
22 font: 1.25em/1 Ahem; | 22 font: 20px/1 Ahem; |
23 } | 23 } |
24 | 24 |
25 table | 25 table |
26 { | 26 { |
27 background-color: blue; | 27 background-color: blue; |
28 border-spacing: 0em; | 28 border-spacing: 0em; |
29 border: blue solid 1em; | 29 border: blue solid 1em; |
30 height: 7em; | 30 height: 7em; |
31 direction: rtl; | 31 direction: rtl; |
32 -webkit-writing-mode: vertical-rl; | 32 -webkit-writing-mode: vertical-rl; |
(...skipping 22 matching lines...) Expand all Loading... |
55 | 55 |
56 <!-- The "A" --> | 56 <!-- The "A" --> |
57 <tr><td><!-- bottommost column -->aa bb</td><td>ee
f g hh</td><td><!-- topmost column -->jjj k l mmm</
td></tr> | 57 <tr><td><!-- bottommost column -->aa bb</td><td>ee
f g hh</td><td><!-- topmost column -->jjj k l mmm</
td></tr> |
58 | 58 |
59 <!-- The "P" --> | 59 <!-- The "P" --> |
60 <tr><td class="left-most-cell"><!-- bottommost column -->
nn</td><td class="left-most-cell">r s t uu
</td><td class="left-most-cell"><!-- topmost column -->vvv w x y
yy</td></tr> | 60 <tr><td class="left-most-cell"><!-- bottommost column -->
nn</td><td class="left-most-cell">r s t uu
</td><td class="left-most-cell"><!-- topmost column -->vvv w x y
yy</td></tr> |
61 | 61 |
62 </table> | 62 </table> |
63 </body> | 63 </body> |
64 </html> | 64 </html> |
OLD | NEW |