CSS `border-spacing` Property

Example

Set the border spacing for a table:

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

The border-spacing property sets the distance between the borders of adjacent cells (only used with "border-collapse: separate").

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

All major browsers support the border-spacing property.

Note: IE8 requires a !DOCTYPE to be specified to support the border-spacing property.

Value	Description
length length	Specifies the distance between the borders of adjacent cells. Uses units like px, cm, etc. Negative values are not allowed. If one length parameter is defined, it sets both the horizontal and vertical spacing. <br>If two length parameters are defined, 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