1
edit
Changes
no edit summary
<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
== 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.
<br>
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.
<br>
In the separated model, adjacent cells each have their own distinct borders (the distance between them given by the 'border-spacing' property.)
'''Inherited: Yes'''
== Syntax ==
border-style: value optionalvalue2 optionalvalue3 optionalvalue4
== Legal Values ==
<table border = "1" width="350">
<tr>
<th>Value</th>
<th>Description</th>
</tr>
<tr>
<td>inherit</td>
<td>Explicitly sets the value of this property to that of the parent.</td>
</tr>
<tr>
<td>collapse</td>
<td>Use the "collapsed borders" rendering model</td>
</tr>
<tr>
<td>seperate</td>
<td>Use the "separated borders" rendering model</td>
</tr>
</table>
== Mozilla Recommended Values ==
== Usage Examples ==
<table border="1" style="border-collapse: collapse" 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 ==
CSS1 Conformance: Browsers are allowed to treat values of dotted, dashed, groove, ridge, inset, outset and double as the value solid.
== Browser Compatibility ==
Browser Compatibility: IE 4+ / NN 4+
== See Also ==
[http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_BORDER_STYLE&action=edit§ion=9 Border Style Cascade Style Sheets Properties]
<br>
[http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm CSS Border-Collapse property]
<br>
[http://www.zvon.org/xxl/css1Reference/Output/property_border-style.html Borderstyle CSS1 Reference]
== 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.
<br>
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.
<br>
In the separated model, adjacent cells each have their own distinct borders (the distance between them given by the 'border-spacing' property.)
'''Inherited: Yes'''
== Syntax ==
border-style: value optionalvalue2 optionalvalue3 optionalvalue4
== Legal Values ==
<table border = "1" width="350">
<tr>
<th>Value</th>
<th>Description</th>
</tr>
<tr>
<td>inherit</td>
<td>Explicitly sets the value of this property to that of the parent.</td>
</tr>
<tr>
<td>collapse</td>
<td>Use the "collapsed borders" rendering model</td>
</tr>
<tr>
<td>seperate</td>
<td>Use the "separated borders" rendering model</td>
</tr>
</table>
== Mozilla Recommended Values ==
== Usage Examples ==
<table border="1" style="border-collapse: collapse" 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 ==
CSS1 Conformance: Browsers are allowed to treat values of dotted, dashed, groove, ridge, inset, outset and double as the value solid.
== Browser Compatibility ==
Browser Compatibility: IE 4+ / NN 4+
== See Also ==
[http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_BORDER_STYLE&action=edit§ion=9 Border Style Cascade Style Sheets Properties]
<br>
[http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm CSS Border-Collapse property]
<br>
[http://www.zvon.org/xxl/css1Reference/Output/property_border-style.html Borderstyle CSS1 Reference]