CSS Tables border-collapse


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:

enter image description here

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

separateThis is the default value. It makes the borders of the table separate from each other.
collapseThis value sets the borders of the table to merge together, rather than being distinct.