vertical-rl-row-progression-1a.html (1243B)
1 <!DOCTYPE html> 2 <title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> 3 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 4 <meta name="assert" content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) per 'direction'."> 5 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode"> 6 7 <style> 8 .test { 9 writing-mode: vertical-rl; 10 } 11 12 table { 13 border-spacing: 0; 14 margin: 1em; 15 } 16 td { 17 width: 1em; 18 height: 1em; 19 border: solid gray; 20 } 21 22 .a { background: navy} 23 .b { background: blue } 24 .c { background: aqua } 25 .d { background: teal } 26 .e { background: purple } 27 .f { background: fuchsia } 28 .g { background: yellow } 29 .h { background: orange } 30 </style> 31 32 <table class="test"> 33 <thead> 34 <tr> 35 <td class="a"> 36 <td class="b"> 37 <td colspan=2> 38 <tfoot> 39 <tr> 40 <td colspan=2> 41 <td class="c"> 42 <td class="d"> 43 <tbody> 44 <tr> 45 <td rowspan=3> 46 <td colspan=2> 47 <td class="e"> 48 <tr> 49 <td class="f"> 50 <td rowspan=2 colspan=2> 51 <tr> 52 <td class="g"> 53 <tbody> 54 <tr> 55 <td class="h"> 56 <td colspan=3> 57 </table>