The use and definition of the Css:border-spacing property

The Border-spacing property in CSS acts as: Specifies the distance between adjacent cell borders.

Border-spacing attribute Instance

To set border-spacing for a table:

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

Border-spacing Definition and usage

The Border-spacing property sets the distance between the borders of adjacent cells (for border detach mode only).

Note: Some versions of Internet Explorer do not support this property.

Description

This property specifies the distance between the cell boundaries in the delimited border model. In the specified two length values, the first one is the horizontal interval, the second is the vertical interval. This property is ignored unless Border-collapse is set to separate. Although this property applies only to tables, it can be inherited by all elements in the table.

Grammar:

Border-spacing:length | | Length

Parameters:
Length: A value consisting of a floating-point number and a unit identifier. cannot be negative. See Length Units

Description
Sets or retrieves the spacing between the rows and the borders of a cell when the table border is independent (for example, when the Border-collapse property equals separate).
When you specify only a length value, this value is used for horizontal and vertical spacing. When all two length values are specified, the first one is used for horizontal spacing, and the second is for vertical spacing.
Currently IE5.5 does not support this property.
The corresponding script attribute is borderspacing. Please refer to the other bibliography I have written.

Example:

Table {border-collapse:separate; border-spacing:10px;}