The border-collapse property determines if a tables’ borders should be separated or merged.

Below an example of two tables with different values to the border-collapse property:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b2264c68-dda1-4b61-a92d-07023111fbb2/Untitled.png

The table on the left has border-collapse: separate while the one on the right has border-collapse: collapse.

Value | Description | —— | —— | separate | This is the default value. It makes the borders of the table separate from each other. | collapse | This value sets the borders of the table to merge together, rather than being distinct. |