From CDOT Wiki
Jump to: navigation, search

This document is a work in progress and is subject to change.


The border-spacing property is used to set the distance between the borders of adjacent cells (only for the "separated borders" model).

Applicability:The border-spacing property can be used for table and inline-table elements.
Media Group: Visual
Default Value:0


TARGET_ELEMENT{border-spacing: inhert !important}
TARGET_ELEMENT{border-spacing: 20px}

Legal Values

inheritExplicitly sets the value to that of the parent
lengthSets the distance in pixels (px), centimeters (cm), etc. Units are optional.

Mozilla Recommended Values

Usage Examples

border: outset 5pt;
border-spacing: 10pt;


  • The distance between the table border and the borders of the cells on the edge of the table is the table's padding for that side, plus the relevant border spacing distance. Ie. padding-left + horizontal border-spacing.
  • The width of the table is the distance from the left inner padding edge to the right inner padding edge (including the border spacing but excluding padding and border). But in HTML and XHTML 1, the width of the table element is the distance from left border edge to right border edge.

Specification Conformance

Browser Compatibility

  • Netscape 6, 7
  • Mozilla 1
  • Firefox 1, 2
  • Internet Explorer 7
  • Opera 6, 7, 8
  • Safari 1

See Also