CSS border-collapse Property
 Complete CSS Reference
Example
Set the collapsing borders model for a table:
table
{
border-collapse:collapse;
} |
Try it yourself »
|
Definition and Usage
The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.
| Default value: |
separate |
| Inherited: |
yes |
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.borderCollapse="collapse" |
Browser Support
The border-collapse property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property value "inherit".
Note: If a !DOCTYPE is not specified, the border-collapse property can
produce unexpected results.
Property Values
| Value |
Description |
| collapse |
Borders are collapsed into a single border when
possible (border-spacing and empty-cells properties will be ignored) |
| separate |
Borders are detached (border-spacing and empty-cells
properties will not be ignored). This is default |
| inherit |
Specifies that the value of the border-collapse property should be inherited
from the parent element |
Related Pages
CSS tutorial: CSS Table
HTML DOM reference: borderCollapse 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
|
|
