border collapse

The border-collapse determines the border model of the table cells.

The possible values are

PropertiesDescription
collapsedefines a collapsing border model
separateddefines 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>
Related Tutorial