Difference between revisions of "CSS GUIDE BORDER COLLAPSE"
(→Usage Examples) |
(→Browser Compatibility) |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 8: | Line 8: | ||
'''Inherited: Yes''' | '''Inherited: Yes''' | ||
| + | <br> | ||
| + | '''Initial : seperate''' | ||
| + | <br> | ||
| + | '''Media : Visual''' | ||
== Syntax == | == Syntax == | ||
| − | + | border-collapse: value | |
== Legal Values == | == Legal Values == | ||
| Line 44: | Line 48: | ||
== Usage Examples == | == Usage Examples == | ||
| − | + | table border="1" style="border-collapse: collapse" bordercolor="#111111" width="500" | |
| + | |||
| + | table border="1" style="border-collapse: separate" bordercolor="#111111" width="500" | ||
== Notes == | == Notes == | ||
| Line 53: | Line 59: | ||
== Specification Conformance == | == Specification Conformance == | ||
| − | |||
== Browser Compatibility == | == Browser Compatibility == | ||
| − | + | Internet Explorer 5.5+ | |
| + | <br> | ||
| + | Netscape 7+ | ||
| + | <br> | ||
| + | Opera 5+ | ||
== See Also == | == See Also == | ||
| − | [http:// | + | [http://www.websitedev.de/css/schema/draft/+border+collapse+Specification+Conformance+css&hl=en&gl=ca&ct=clnk&cd=6 CSS Schema] |
<br> | <br> | ||
[http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm CSS Border-Collapse property] | [http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm CSS Border-Collapse property] | ||
<br> | <br> | ||
| − | [http://www. | + | [http://www.stylegala.com/features/css-reference/border-collapse.htm border-collapse CSS Reference Stylegala] |
Latest revision as of 14:28, 11 December 2006
This document is a work in progress and is subject to change.
Contents
Summary
The border-collapse property is used to make the border collapse. This has a big influence on the look and style of the table cells.
The rendering of table borders is divided into two categories in CSS2 - "collapsed" and "separated". This property specifies which border rendering mode to use. In the collapsed border model, adjacent table cells share borders.
In the separated model, adjacent cells each have their own distinct borders (the distance between them given by the 'border-spacing' property.)
Inherited: Yes
Initial : seperate
Media : Visual
Syntax
border-collapse: value
Legal Values
| Value | Description |
|---|---|
| inherit | Explicitly sets the value of this property to that of the parent. |
| collapse | Use the "collapsed borders" rendering model |
| seperate | Use the "separated borders" rendering model |
Mozilla Recommended Values
Usage Examples
table border="1" style="border-collapse: collapse" bordercolor="#111111" width="500"
table border="1" style="border-collapse: separate" bordercolor="#111111" width="500"
Notes
In the "collapsed border" rendering model, the 'border-style' value of "inset" behaves like "groove", and "outset" behaves like "ridge." CSS2 specifies that the initial value for this property is "collapse", but CSS2.1 and Mozilla/Opera all state or behave such that the initial value is "separate."
Specification Conformance
Browser Compatibility
Internet Explorer 5.5+
Netscape 7+
Opera 5+
See Also
CSS Schema
CSS Border-Collapse property
border-collapse CSS Reference Stylegala
