CSS Tables border-collapse

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Insert
> Step 2: And Like the video. BONUS: You can also share it!

Example

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.

ValueDescription
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.


Got any CSS Question?