
The Complete Idiot's Style Sheets Reference
| Index
| Current Category: Tables |
| Previous Style: border-bottom-width
| Next Style: border-color
|
border-collapse
Determines whether a table uses "collapsed" borders or "separated" borders.
Support:
-
Notes:
- Collapsed borders means that the table's cells have common borders (this is the default border type). Separated borders means that the table's cells each have their own border.
Possible Values:
- collapse
Renders the table with collapsed borders.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
5 and later |
Not supported |
- separate
Renders the table with separated borders.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
5 and later |
Not supported |
Example:
<TABLE STYLE="border-collapse: separate">
<TR>
<TD STYLE="border: thick ridge blue">Eeny</TD>
<TD STYLE="border: thick groove red">Meeny</TD>
<TD STYLE="border: thick double green">Miney</TD>
<TD STYLE="border: thick dashed magenta">Mo</TD>
</TR>
</TABLE>
How It Looks:
-
| Index
| Current Category: Tables |
| Previous Style: border-bottom-width
| Next Style: border-color
|
|