| 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 a table with 'writing-mode' set to 'verti
cal-lr' 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 |
| 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 <table> |
| 49 <!-- The "P" --> |
| 50 <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> |
| 51 |
| 52 <!-- The "A" --> |
| 53 <tr><td><!-- bottommost column -->JJ KK</td><td>LL M N&
nbsp; OO</td><td><!-- topmost column -->PPP Q R SSS</td></tr> |
| 54 |
| 55 <!-- The left-most "S" --> |
| 56 <tr><td><!-- bottommost column --> T U V WW</td><td>X Y&n
bsp; Z aa</td><td><!-- topmost column -->bbb c d e <
/td></tr> |
| 57 |
| 58 <!-- The right-most "S" --> |
| 59 <tr><td><!-- bottommost column --> f g h ii</td><td>j k&n
bsp; l mm</td><td><!-- topmost column -->nnn o q r <
/td></tr> |
| 60 |
| 61 </table> |
| 62 </body> |
| 63 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1161223002:
Import csswg-test/css-writing-modes-3/ (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master