<style>
table { border-collapse: collapse; }
td { width: 25px; height: 25px; }
</style>
<table>
<colgroup span="2"><colgroup span="1" style="border-right: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="border-left: 5px solid red">
<tr>
<td style="border-right: 5px solid rgba(0, 127, 0, 0.5); border-bottom: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="border-left: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="border-top: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table style="direction: rtl;">
<colgroup span="2"><colgroup span="1" style="border-left: 5px solid rgba(0, 127, 0, 0.5);"><colgroup span="1" style="border-right: 5px solid red">
<tr>
<td style="border-left: 5px solid rgba(0, 127, 0, 0.5); border-bottom: 5px solid rgba(0, 127, 0, 0.5);"></td>
<td style="border-right: 5px solid red;"></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="border-top: 5px solid red;"></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table>
<tr style="border-bottom: 5px solid rgba(0, 127, 0, 0.5);">
<td></td>
</tr>
<tr style="border-top: 5px solid red;">
<td></td>
</tr>
</table>
<table>
<tbody style="border-bottom: 5px solid rgba(0, 127, 0, 0.5);">
<tr>
<td></td>
</tr>
</tbody>
<tbody style="border-top: 5px solid red;">
<tr>
<td></td>
</tr>
</tbody>
</table>