| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 |
| 3 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 |
| 5 <head> |
| 6 |
| 7 <title>CSS Writing Modes Test: 'direction: rtl' - table columns order and vert
ical-lr</title> |
| 8 |
| 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 --> |
| 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" /> |
| 13 <link rel="match" href="block-flow-direction-001-ref.xht" /> |
| 14 |
| 15 <meta content="ahem" name="flags" /> |
| 16 <meta content="This test checks that colspanned cells in a table with 'directi
on' set to 'rtl' are handled according to a bottom-to-top column direction." nam
e="assert" /> |
| 17 |
| 18 <style type="text/css"><![CDATA[ |
| 19 body |
| 20 { |
| 21 color: yellow; |
| 22 font: 1.25em/1 Ahem; |
| 23 } |
| 24 |
| 25 table |
| 26 { |
| 27 background-color: blue; |
| 28 border-spacing: 0em; |
| 29 border: blue solid 1em; |
| 30 height: 7em; |
| 31 direction: rtl; |
| 32 -webkit-writing-mode: vertical-lr; |
| 33 } |
| 34 |
| 35 td |
| 36 { |
| 37 padding-bottom: 0em; |
| 38 padding-left: 1em; |
| 39 padding-right: 0em; |
| 40 padding-top: 0em; |
| 41 } |
| 42 |
| 43 td.left-most-cell { padding-left: 0em; } |
| 44 ]]></style> |
| 45 </head> |
| 46 |
| 47 <body> |
| 48 |
| 49 <table> |
| 50 |
| 51 <!-- The "P" --> |
| 52 <tr><td class="left-most-cell"><!-- bottommost column -->AA &n
bsp; </td><td class="left-most-cell">BB C D E 
;</td><td class="left-most-cell"><!-- topmost column -->FFF G H
III</td></tr> |
| 53 |
| 54 <!-- The "A" --> |
| 55 <tr><td colspan="2"><!-- bottommost column -->JJJJ K L &
nbsp; MMMM</td><td><!-- topmost column -->NNN O P QQQ</td></tr> |
| 56 |
| 57 <!-- The left-most "S" --> |
| 58 <tr><td><!-- bottommost column --> R S T UU</td><td colspan="2"
><!-- topmost column -->VVVV W X Y Z a &nbs
p;bb</td></tr> |
| 59 |
| 60 <!-- The right-most "S" --> |
| 61 <tr><td><!-- bottommost column --> c d b cc</td><td>d e&n
bsp; f gg</td><td><!-- topmost column -->hhh i j k &n
bsp;</td></tr> |
| 62 |
| 63 </table> |
| 64 |
| 65 </body> |
| 66 </html> |
| OLD | NEW |