Dříve měly všechny tabulky dvojitý rámeček:
<table border="1">
<tr><td>buňka </td><td>druhá buňka</td></tr>
<tr><td>druhý řádek</td><td>další buňka</td></tr>
</table>
Vypadá to takhle:
| buňka s dvojitými rámečky | druhá buňka |
| druhý řádek | další buňka |
Když se do zápisu dá css styl border-collapse: collapse, rámeček bude jednoduchý.
<table border="1" style="border-collapse: collapse">
<tr><td>buňka </td><td>druhá buňka</td></tr>
<tr><td>druhý řádek</td><td>další buňka</td></tr>
</table>
| buňka s jednoduchými rámečky | druhá buňka |
| druhý řádek | další buňka |
Pokud se použije druhá hodnota separate, je to jako nezadávat to vůbec: rámečky budou dvojité:
<table border="1" style="border-collapse: separate">
<tr><td>buňka </td><td>druhá buňka</td></tr>
<tr><td>druhý řádek</td><td>další buňka</td></tr>
</table>
| buňka s dvojitými rámečky | druhá buňka |
| druhý řádek | další buňka |
Příklad se vztahuje k výkladu css vlastnosti border-collapse.