vertical-table-2b.html (702B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 table { writing-mode: vertical-rl; } 7 #r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; } 8 #r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; } 9 #r1c1, #r2c1 { height: 20px; } 10 #r1c2, #r2c2 { height: 30px; } 11 #r1c3, #r2c3 { height: 40px; } 12 #r1c4, #r2c4 { height: 50px; } 13 td { 14 border-left: 1px solid red; 15 border-right: 5px solid green; 16 border-top: 3px solid blue; 17 border-bottom: 5px dotted silver; 18 } 19 </style> 20 </head> 21 <body> 22 23 <table> 24 <tr> 25 <td id="r2c1"></td> 26 <td id="r2c2"></td> 27 <td id="r2c3"></td> 28 <td id="r2c4"></td> 29 </tr> 30 <tr> 31 <td id="r1c1"></td> 32 <td id="r1c2"></td> 33 <td id="r1c3"></td> 34 <td id="r1c4"></td> 35 </tr> 36 </table> 37 38 </body> 39 </html>