The cover of The Complete Idiot's Guide to Create a Web Page 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:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later 5.0 and later Not supported
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 StandardInternet ExplorerNetscape Navigator
CSS2 and later 5 and later Not supported

separate
Renders the table with separated borders.

Support:

W3C StandardInternet ExplorerNetscape 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:
Eeny Meeny Miney Mo

| Index | Current Category: Tables |
| Previous Style: border-bottom-width | Next Style: border-color |