blob: 3ed6d91bccf1d78a6dd927df5c71acbdb47b54e4 [file] [log] [blame]
<style>
table { border-collapse: collapse; }
td { width: 25px; height: 25px; }
</style>
<div style="-webkit-writing-mode: vertical-rl; height: 200px; border: solid;">
<table>
<colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
<tr>
<td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="-webkit-border-start: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="-webkit-border-before: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table style="direction: rtl;">
<colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
<tr>
<td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="-webkit-border-start: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="-webkit-border-before: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
<td></td>
</tr>
<tr style="-webkit-border-before: 5px solid red;">
<td></td>
</tr>
</table>
<table>
<tbody style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
<tr>
<td></td>
</tr>
</tbody>
<tbody style="-webkit-border-before: 5px solid red;">
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
<div style="-webkit-writing-mode: horizontal-bt; width: 200px; border: solid;">
<table>
<colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
<tr>
<td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="-webkit-border-start: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="-webkit-border-before: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table style="direction: rtl;">
<colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
<tr>
<td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="-webkit-border-start: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="-webkit-border-before: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
<td></td>
</tr>
<tr style="-webkit-border-before: 5px solid red;">
<td></td>
</tr>
</table>
<table>
<tbody style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
<tr>
<td></td>
</tr>
</tbody>
<tbody style="-webkit-border-before: 5px solid red;">
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
<div style="-webkit-writing-mode: vertical-lr; height: 200px; border: solid;">
<table>
<colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
<tr>
<td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="-webkit-border-start: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="-webkit-border-before: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table style="direction: rtl;">
<colgroup span="2"><colgroup span="1" style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="-webkit-border-start: 5px solid red">
<tr>
<td style="-webkit-border-end: 5px solid rgba(0, 127, 0, 0.5); -webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="-webkit-border-start: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="-webkit-border-before: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
<td></td>
</tr>
<tr style="-webkit-border-before: 5px solid red;">
<td></td>
</tr>
</table>
<table>
<tbody style="-webkit-border-after: 5px solid rgba(0, 127, 0, 0.5);">
<tr>
<td></td>
</tr>
</tbody>
<tbody style="-webkit-border-before: 5px solid red;">
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>