border-spacing(ボーダー・スペーシング)について

テーブルの境界線のスーペースの幅を設定するプロパティです。border-collapse:separate;とセットで使います。

border-spacing(ボーダー・スペーシング)の概念図

border-spacingのブラウザ表示例

■CSS記述
.sample1 { border-collapse:separate; border-spacing:10px 30px; border:1px solid #333; }

.sample1 td { border:1px solid #333; }
■XHTML記述
<table class="sample1">

<tr>

<td>サンプル</td>

<td>サンプル</td>

</tr>

</table>
サンプル サンプル

border-spacing(ボーダー・スペーシング)の設定方法

一括設定
border-spacing: (値);
左右・上下設定
border-spacing: (左右) (上下);

border-spacing(ボーダー・スペーシング)の値

mm , cm , in , pt , pc , em , ex , px , %