Border Spacing

This property works only when border collapse is separate.

Border spacing. This is equivalent to the cellspacing attribute in presentational html but an optional second value can be used to set different horizontal and vertical spacing. Description the css border spacing property defines the spacing between the borders of adjacent cells in a table when using the separated borders model to render the table see the border collapse property to change the rendering model. The border spacing value is also used along the outside edge of the table where the distance between the table s border and the cells in the first last column or row is the sum of the relevant horizontal or vertical border spacing and the relevant top right bottom or left padding on the table.

Definition and usage the border spacing property sets the distance between the borders of adjacent cells. By default an html table uses the separated borders model. There will not be any space between the borders if the border collapse is set to collapse.

If two values are specified the first sets the horizontal border spacing and the second sets the vertical border spacing. If one value is specified it applies to both the horizontal and vertical border spacing. However if you want to keep everything in a single table for whatever reason then you would need to introduce non semantic markup to create those visual separations as border spacing is a property of the table not of the row or cell.

The border spacing property can take one or two whitespace separated length values. Border spacing sets the distance between cells in a table assuming that the table is rendered using the separate borders model. It applies only when the border collapse property is set to separate.

Css border spacing property this css property is used to set the distance between the borders of the adjacent cells in the table.