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
Stylus Studio® 2010 XML Enterprise Suite raises the bar for productivity in XML development tools.
Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive
XML toolset to tackle today's advanced XML data transformation and aggregation challenges.
|
- XML Pipeline Editor, Debugger and Code Generator
- DataDirect XML Converters
- XQuery Mapper, Editor, Debugger, and Profiler
- XSLT Mapper, Editor, Debugger, Designer, and Profiler
- Java and C# for .Net Code Generation
- XML Schema Designer With Documentation Generator
- XML Editor With Full XPath Integration
Download a free trial now
|
|
