border-collapse 642r49
The border-collapse property is used to specify the border model of a table. It specifies whether the borders of the table and its table cells should be “ed” or separated. 6d22w
When borders are separate, the table and each of its table cells can have their own distinct borders, and there is space between them. You can control the amount of space between borders of adjacent table cells using the border-spacing
property.
When borders are “collapsed”, adjacent table cells share borders, and the cells at the edges of the table share their borders with the borders of the table itself.

border-collapse
property. See the Live Demo section below for a live example.
In the collapsed border model, the border-style
property entry for more information.
Official Syntax 4j1l4a
- Syntax:
border-collapse: collapse | separate | inherit
- Initial: separate
- Applies To: elements with ‘table’ and ‘inline-table’ display
- Animatable: no
Values 4w6m73
- separate
- Use the separated borders model. The table and its cells all have distinct borders.
- collapse
- Use the collapsed borders model. The table and table cells’ borders are ed and shared between them.
- inherit
- Inherits the same border model from its parent.
Examples 3y6d6i
table { border-collapse: collapse; } table.stats { border-collapse: separate; }
Browser s162l
The border-collapse
property is ed in all major browsers: Chrome, Firefox, Safari, Opera, Internet Explorer, and on Android and iOS.