The border-collapse property is used to set the borders of the cell present inside the table and tells whether these cells will share a common border or not. The default value of border-collapse is separate.
CSS Border Collapse Syntax Example
- border-collapse: separate;
- border-collapse: collapse;
- border-collapse: initial;
- border-collapse: inherit;
Browser Support
Browser Chrome (1.0 | version), Internet Explorer (5.0 | version), Firefox (1.0 | version), Safari (1.2 | version), and Opera (4.0 | version)
Border Collapse Property
Separate - It is the default value of border-collapse, means that each cell will display its own borders
Collapse - borders are collapsed into a single border
Initial - Used initial property to its default value
Inherit - Inherited the property from its parent element