Border collapse

Syntax

Class
Properties
border-collapse
border-collapse: collapse;
border-separate
border-collapse: separate;
<div class="t1 w-320 p-16 bg-c-white shadow-4"> <table class="t1 table w-full b-1-blue border-collapse"> <tr> <td class="t1 px-8 py-4 b-1-gray"> Lorem ipsum dolor sit amet. </td> <td class="t1 px-8 py-4 b-1-gray"> Foo </td> </tr> <tr> <td class="t1 px-8 py-4 b-1-gray"> Nullam in quam ut massa. </td> <td class="t1 px-8 py-4 b-1-gray"> Bar </td> </tr> </table> </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
border-collapse
t1 border-collapse
.t1.border-collapse { border-collapse: collapse; }
border-separate
t1 border-separate
.t1.border-separate { border-collapse: separate; }