CSS border-spacing Property

Example

Set the border-spacing for a table:

table
{
border-collapse:separate;
border-spacing:10px 50px;
}

Try it yourself »

The border-spacing property sets the distance between the borders of adjacent cells (only for the "separated borders" model).

Default value:	not specified
Inherited:	yes
Version:	CSS2
JavaScript syntax:	object.style.borderSpacing="15px"

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

Note: Internet Explorer 8 (and higher) supports the border-spacing property if a !DOCTYPE is specified.

Value	Description
length length	Specifies the distance between the borders of adjacent cells in px, cm, etc. Negative values are not allowed If one length value is specified, it specifies both the horizontal and vertical spacing If two length values are specified, the first sets the horizontal spacing and the second sets the vertical spacing
inherit	Specifies that the value of the border-spacing property should be inherited from the parent element

CSS tutorial: CSS Table