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; }

Go To- Certified CSS3 Developer Tutorial
Share this post
[social_warfare]
Borders Collapsing
Print Styling

Get industry recognized certification – Contact us

keyboard_arrow_up