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