Last updated on

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

Chrome Safari Firefox Opera IE Android iOS
Works Works Works Works Works Works Works