Tables have spacing between each cells in the table. The border-collapse property can remove this space. The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML. It’s values are discussed as
Value | Description |
collapse | Borders are collapsed into a single border when possible (border-spacing and empty-cells properties will be ignored) |
separate | Borders are detached (border-spacing and empty-cells properties will not be ignored). |
It is used as
table { border-collapse:collapse; }
The border-collapse property has the ‘separate’ value as its default value.
If collapse value is used all the cells are squeezed together and the borders between cells are combined.