border-spacing (CSS property)
| IE7 | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| None | Full | Full | Full |
| Inherited | Initial | Version |
|---|---|---|
| Yes | CSS2 |
Example
This style rule sets
1em of horizontal spacing and
0.5em of vertical spacing between the cells of the
table element with the ID "results":
#results {
border-collapse: separate;
border-spacing: 1em 0.5em;
}Description
This property sets the spacing between adjacent table cells’ borders using the separated borders model. If the collapsing borders model is used, this property is ignored.
Note that the distance between a cell border and the table border is the corresponding border spacing plus the table’s padding for that side.
See Table Formatting for details about the table border models.
The CSS2.1 specification states that user
agents may apply this property to frameset elements
(therefore replacing the framespacing
attribute).
Value
Negative values are not allowed.
The border spacing can be specified using one or two length values. If two values are given, the first sets the horizontal spacing, and the second sets the vertical spacing. If only one value is given, it sets both the horizontal and vertical spacing to the specified value.
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
Internet Explorer for Windows versions up to and including 7 do not support this property.
Related Reading
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
