161 lines
5.1 KiB
HTML
161 lines
5.1 KiB
HTML
<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>
|