border-collapse／border-spacing 表のセル間隔を指定

■border-collapse:値
・隣接するセルの間隔の表示法を設定
値
　collapse ･･･隣接するセルのボーダーを重ねて表示。cellspacing="0"とはぼ同じ。
　separate ･･･(初期値)隣接するセルのボーダーの間隔を離して表示する。

■border-spacing:値
・隣接するセルのボーダー同士の間隔を単位付き数値で指定。
・border-collapse:separateの場合にのみ有効。
値
　1つの値を指定･･･上下左右の間隔を一括指定
　2つの値を指定･･･1つめが左右、2つめが上下の間隔

Sample

●無指定の場合（border="3"）

border-collapse	:無指定	の例です
123	456	789
abc	def	ghi

●border-collapse:collapseの例（border="3"）

border-collapse	:collapse	の例です
123	456	789
abc	def	ghi

●border-collapse:separateの例（border="3"）
（無指定の場合と同じ）

border-collapse	:collapse	の例です
123	456	789
abc	def	ghi

●border-collapse:separate;border-spacing:3mmの例（border="3"）

border-collapse	:collapse	の例です
123	456	789
abc	def	ghi

●border-collapse:separate;border-spacing:5mm 3mmの例（border="3"）

border-collapse	:collapse	の例です
123	456	789
abc	def	ghi

Sample Source......................................................................>>>

<p>●無指定の場合（border="3"）</p>
<table border="3">
   <tbody>
    <tr>
　･･･（略)･･･
<p class="sample">●border-collapse:collapseの例（border="3"）</p>
<table border="3" style="border-collapse:collapse">
   <tbody>
    <tr>
　･･･（略)･･･
<p class="sample">●border-collapse:separateの例（border="3"）<br>
（無指定の場合と同じ）</p>
<table border="3" style="border-collapse:separate">
   <tbody>
    <tr>
　･･･（略)･･･
<p class="sample">●border-collapse:separate;border-spacing:3mmの例（border="3"）</p>
<table border="3" style="border-collapse:separate;border-spacing:3mm">
   <tbody>
    <tr>
　･･･（略)･･･
<p class="sample">●border-collapse:separate;border-spacing:5mm 3mmの例（border="3"）</p>
<table border="3" style="border-collapse:separate;border-spacing:5mm 3mm">
   <tbody>
    <tr>
　･･･（略)･･･