CSS border-collapse

The CSS border-collapse property allows you to collapse a table's border. It can have an effect similar to HTML's cellpadding (except that technically, border-collapse makes the border "collapse" rather than simply adjust the padding).

Syntax: border-collapse: <value>
Possible Values:
  • collapse
  • separate
  • inherit
Initial Value: Separate
Applies to: 'table' and 'inline-table' elements.
Inherited: Yes
Media: Visual
Example: table.collapse {border-collapse:collapse}
Try it yourself!