vertical-rl-row-progression-1-ref.html (1007B)
1 <!DOCTYPE html> 2 <title>CSS Reference: vertical-rl Table Row/Rowgroup/Cell Ordering</title> 3 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 4 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode"> 5 6 <style> 7 .test { 8 writing-mode: vertical-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 <td rowspan=3"> 39 <td class="g"> 40 <td class="f"> 41 <td rowspan=2"> 42 <td class="b"> 43 <tr> 44 <td class="c"> 45 <td rowspan=2 colspan=2> 46 <td rowspan=2> 47 <tr> 48 <td class="d"> 49 <td class="e"> 50 </table>