bidi-table-001.xht (1237B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: direction: rtl on table</title> 5 <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> 8 <meta name="assert" content="direction:rtl on table should reverse order of table cells"/> 9 <style type="text/css"><![CDATA[ 10 table {border-spacing: 0; margin-bottom: 1em;} 11 table.test {direction:rtl;} 12 td.a {background-color: navy; color: navy;} 13 td.b {background-color: magenta; color: magenta;} 14 td.c {background-color: cyan; color: cyan;} 15 ]]></style> 16 </head> 17 <body> 18 19 <p>You should see two identical colored bands below:</p> 20 21 <table class="test"> 22 <tr> 23 <td class="a">xxxxxx</td> 24 <td class="b">xxxxxx</td> 25 <td class="c">xxxxxx</td> 26 </tr> 27 </table> 28 29 <table> 30 <tr> 31 <td class="c">xxxxxx</td> 32 <td class="b">xxxxxx</td> 33 <td class="a">xxxxxx</td> 34 </tr> 35 </table> 36 </body> 37 </html>