What does border Collapse?

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