HTML and CSS Reference
In-Depth Information
border-collapse
This property defines whether table cell borders are connected or separate.
Syntax
border-collapse: collapse | separate | inherit
The default value is
separate
, with each cell having a border with possible spacing. With
a value of
collapse
, the borders appear to collapse on each other so that there's no more
spacing between the borders. The rendering here should illustrate the idea of the property
clearly:
Example
<table border="1" style="border-collapse: collapse;">
<tr>
<td>
Cell 1
</td><td>
Cell 2
</td><td>
Cell 3
</td>
</tr>
<tr>
<td>
Cell 4
</td><td></td><td>
Cell 5
</td>
</tr>
</table>
Compatibility
CSS 2, 3 IE 5-7 (partial), 8+ Netscape 6+, Firefox 1+ Opera 5+, Safari 1+
border-color
This property defines the color of an element's border.
Syntax
border-color:
color
[
color color color
]
where
color
is a valid CSS color,
transparent
, or
inherit
.