| <html> |
| <head> |
| <style> |
| table { border-collapse: collapse; |
| border: 5px solid yellow; } |
| .col1 { border: 3px solid black; } |
| td { border: 1px solid red; padding: 1em; } |
| td.solid-blue { border: 5px dashed blue; } |
| td.solid-green { border: 5px solid green; } |
| </style> |
| </head> |
| <body> |
| <P> |
| <TABLE style="-webkit-writing-mode: vertical-rl;"> |
| <COL class="col1"><COL><COL> |
| <TR> |
| <TD> 1 |
| <TD> 2 |
| <TD> 3 |
| </TR> |
| <TR> |
| <TD> 4 |
| <TD class="solid-blue"> 5 |
| <TD class="solid-green"> 6 |
| </TR> |
| <TR> |
| <TD> 7 |
| <TD> 8 |
| <TD> 9 |
| </TR> |
| <TR> |
| <TD> 10 |
| <TD> 11 |
| <TD> 12 |
| </TR> |
| <TR> |
| <TD> 13 |
| <TD> 14 |
| <TD> 15 |
| </TR> |
| </table> |
| <TABLE style="-webkit-writing-mode: vertical-lr;"> |
| <COL class="col1"><COL><COL> |
| <TR> |
| <TD> 1 |
| <TD> 2 |
| <TD> 3 |
| </TR> |
| <TR> |
| <TD> 4 |
| <TD class="solid-blue"> 5 |
| <TD class="solid-green"> 6 |
| </TR> |
| <TR> |
| <TD> 7 |
| <TD> 8 |
| <TD> 9 |
| </TR> |
| <TR> |
| <TD> 10 |
| <TD> 11 |
| <TD> 12 |
| </TR> |
| <TR> |
| <TD> 13 |
| <TD> 14 |
| <TD> 15 |
| </TR> |
| </table> |
| <TABLE style="-webkit-writing-mode: horizontal-bt;"> |
| <COL class="col1"><COL><COL> |
| <TR> |
| <TD> 1 |
| <TD> 2 |
| <TD> 3 |
| </TR> |
| <TR> |
| <TD> 4 |
| <TD class="solid-blue"> 5 |
| <TD class="solid-green"> 6 |
| </TR> |
| <TR> |
| <TD> 7 |
| <TD> 8 |
| <TD> 9 |
| </TR> |
| <TR> |
| <TD> 10 |
| <TD> 11 |
| <TD> 12 |
| </TR> |
| <TR> |
| <TD> 13 |
| <TD> 14 |
| <TD> 15 |
| </TR> |
| </table> |
| </p> |
| </body> |
| </html> |
