The border-collapse property can be used for collapsing the borders between table cells.

  • Initial valueseperate
  • Applies to'table' and 'inline-table' elements
  • InheritedYes
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS2, CSS3
  • JavaScript
Formal syntax: collapse | separate

border-collapse: collapse;
border-collapse: separate;
  • collapseIs a keyword requesting the use of the collapsed-border table rendering model.
  • seperateIs a keyword requesting the use of the separated-border table rendering model.
.class {
  border-collapse: separate;
  border-spacing: 10pt 5pt;

Last updated on 26th March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.