border-collapse

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.

table {
  border-collapse: separate; /* Or do nothing, this is default */
  border-spacing: 3px; /* Only works if border-collapse is separate */
}

 table {
  border-collapse: collapse;
}

Browser Support