CSS border-spacing Property
 Complete CSS Reference
Example
Set the border-spacing for a table:
table
{
border-collapse:separate;
border-spacing:10px 50px;
} |
Try it yourself »
|
Definition and Usage
The border-spacing property sets the distance between the borders of adjacent cells (only for the "separated borders" model).
| Default value: |
not specified |
| Inherited: |
yes |
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.borderSpacing="15px" |
Browser Support
The border-spacing property is supported in all major browsers.
Note: Internet Explorer 8 (and higher) supports the border-spacing property if a !DOCTYPE
is specified.
Property Values
| 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
|
| inherit |
Specifies that the value of the border-spacing property should be inherited
from the parent element |
Related Pages
CSS tutorial: CSS Table
HTML DOM reference: borderSpacing property
Complete CSS Reference
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
