Skip to main content
CSS is fun and cool and I like it.


The border-spacing property in CSS controls how far apart cells are in a <table></table> element (or an element that is made to be table-like via display: table;).

It takes any of the lengths of CSS.

Notably, it only has any effect at all if the table is using the default border-collapse: separate; and has no effect at all when border-collapse: collapse; is set.… Read article “border-spacing”



The border-collapse property is for use on <table> elements (or elements made to behave like a table through display: table or display: inline-table). There are two values:

  • separate (default) – in which all table cells have their own independent borders and there may be space between those cells as well.
  • collapse – in which both the space and the borders between table cells collapse so there is only one border and no space between cells.

When border-collapse is collapseRead article “border-collapse”