The
border-collapse determines the border model of the table cells.
The possible values are
| Properties | Description |
|---|
collapse | defines a collapsing border model |
separated | defines a separated border model |
snippet
<html>
<head>
<style>
table tr td {border: 1px solid #000000; padding: 10px; margin:10px;}
</style>
</head>
<body>
<table style="border-collapse:collapse; border-spacing: 10px" cellspacing="10">
<tr><td>data 1</td><td>data 2</td><td>data 3</td></tr>
<tr><td>data 4</td><td>data 5</td><td>data 6</td></tr>
<tr><td>data 7</td><td>data 8</td><td>data 9</td></tr>
</table>
<table style="border-collapse:separate; border-spacing: 10px" cellspacing="10">
<tr><td>data 1</td><td>data 2</td><td>data 3</td></tr>
<tr><td>data 4</td><td>data 5</td><td>data 6</td></tr>
<tr><td>data 7</td><td>data 8</td><td>data 9</td></tr>
</table>
</body>
</html>
