<html>
<head>
<style>
body { overflow: hidden; }
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>
</p>
</body>
</html>