sideways-rl-row-progression-1-ref.html (1027B)
1 <!DOCTYPE html> 2 <title>CSS Reference: sideways-rl Table Row/Rowgroup/Cell Ordering</title> 3 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode"> 4 <!-- based on equivalent testcase for vertical-rl mode by Elika J. Etemad --> 5 6 <style> 7 .test { 8 writing-mode: sideways-rl; 9 } 10 11 table { 12 border-spacing: 0; 13 margin: 1em; 14 } 15 td { 16 width: 1em; 17 height: 1em; 18 border: solid gray; 19 } 20 21 .a { background: navy} 22 .b { background: blue } 23 .c { background: aqua } 24 .d { background: teal } 25 .e { background: purple } 26 .f { background: fuchsia } 27 .g { background: yellow } 28 .h { background: orange } 29 </style> 30 31 <table class="reference"> 32 <tr> 33 <td rowspan=2> 34 <td class="h"> 35 <td colspan=3"> 36 <td class="a"> 37 </tr> 38 <tr> 39 <td rowspan=3"> 40 <td class="g"> 41 <td class="f"> 42 <td rowspan=2"> 43 <td class="b"> 44 </tr> 45 <tr> 46 <td class="c"> 47 <td rowspan=2 colspan=2> 48 <td rowspan=2> 49 </tr> 50 <tr> 51 <td class="d"> 52 <td class="e"> 53 </tr> 54 </table>