CSS border-collapse Property

Example

Set the collapsing borders model for a table:

table
{
border-collapse:collapse;
}

Try it yourself »

The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.

Default value:	separate
Inherited:	yes
Version:	CSS2
JavaScript syntax:	object.style.borderCollapse="collapse"

The border-collapse property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Note: If a !DOCTYPE is not specified, the border-collapse property can produce unexpected results.

Value	Description
collapse	Borders are collapsed into a single border when possible (border-spacing and empty-cells properties will be ignored)
separate	Borders are detached (border-spacing and empty-cells properties will not be ignored). This is default
inherit	Specifies that the value of the border-collapse property should be inherited from the parent element

CSS tutorial: CSS Table