border-spacingの設定サンプル

border-spacing:20px
ブラウザメーカースタイルシート対応
IE6マイクロソフトスタイルシートに対応している
NS6ネットスケープスタイルシートに対応している
NS3ネットスケープスタイルシートに対応していない
border-spacing:30px 10px
ブラウザメーカースタイルシート対応
IE6マイクロソフトスタイルシートに対応している
NS6ネットスケープスタイルシートに対応している
NS3ネットスケープスタイルシートに対応していない

Microsoft Internet Explorerは対応していません。

スタイルシート
td { border:#0f0 think solid }
table { border-collapse: separate; border: #0f0 thick inset }
table.test1 { border-spacing: 20px }
table.test2 { border-spacing: 30px 10px }


HTMLコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<title>Sample</title>
</head>

<body>
<table class="test1" border="1">
<tr><th>ブラウザ</th><th>メーカー</th><th>スタイルシート対応</th></tr>
<tr><td>IE6</td><td>マイクロソフト</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS6</td><td>ネットスケープ</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS3</td><td>ネットスケープ</td><td>スタイルシートに対応していない</td></tr>
</table>
</div>
<div class="body">
border-collapse:separate
<table class="test2" border="1">
<tr><th>ブラウザ</th><th>メーカー</th><th>スタイルシート対応</th></tr>
<tr><td>IE6</td><td>マイクロソフト</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS6</td><td>ネットスケープ</td><td>スタイルシートに対応している</td></tr>
<tr><td>NS3</td><td>ネットスケープ</td><td>スタイルシートに対応していない</td></tr>
</table>

</body>
</html>