Border Spacing

The border-spacing property allows more control over cell spacing than border-collapse because it allows the length to be specified. The border-spacing property sets the distance between the borders of adjacent cells (only for the “separated borders” model). IE 6 and IE 7 do not support it. It’s values are discussed as

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

It is used as

table

{ border-collapse:separate;

border-spacing:10px 50px; }