border-collapse Description:
The border-collapse property defines which of two methods should be used for displaying table borders.
border-collapse in CSS Versions:
border-collapse Syntax:
border-collapse: collapse | separate | inherit
- collapse
Borders of adjacent table cells are shared (collapsed). - separate
Borders of adjacent table cells are separate from one another. - inherit
The borders should be the same setting as any parent element.
border-collapse Initial Value:
separate
border-collapse Applies To:
Table and inline-table elements.
border-collapse Inheritance:
This property is inherited.
border-collapse Browser Support:
border-collapse media type:
- Visual
border-collapse Examples:
Standard border-collapse property
<table style="border-collapse : collapse;">
<tr><td>The cells in this table will have collapsed borders</td>
<td>This is the second column.</td></tr>
</table>
border-collapse Special Notes:
- Depending upon which model used, other style properties should be defined, such as border-spacing.
