Table border size - CSS/HTML - html

Question

Is it possible to extend a cell's border width/height so that it joins with the border of surrounding table?
I have this:
<table width="270px" style="border: 1px;">
<tbody width="270px">
<tr>
<th colspan="3" style="border: 1px;">
Header
</th>
</tr>
<tr>
<td style="border: 1px;" valign="middle">
Left-hand cell
</td>
<td valign="middle">
Right-hand cell
</td>
<td>
Left-hand cell
</td>
</tr>
</tbody>
</table>
What is happening is the inner borders don't meet the outer border - there is a slight gap.
Can I get these border to meet?

Answer 1

Have a look at CSS border-collapse.
table
{
border-collapse: collapse;
}
Also, have a look at this answer on how to achieve cellpadding and cellspacing in CSS.
From Ant P.'s answer:
... just for completeness:
padding → cellpadding
border-spacing → cellspacing
border-collapse → no HTML equivalent
It's also worth remembering that you can set separate horizontal and vertical values for the CSS ones e.g. border-spacing: 0 1px.

Answer 2

Try this and let me know:
<table width="270px" style="border: 1px;" cellspacing="0" cellpadding="0">
<tbody width="270px">
<tr>
<th colspan="3" style="border: 1px;">
Header
</th>
</tr>
<tr>
<td style="border: 1px;" valign="middle">
Left-hand cell
</td>
<td valign="middle">
Right-hand cell
</td>
<td>
Left-hand cell
</td>
</tr>
</tbody>
</table>