セルとセルの間隔指定
間隔 単位つきの数値border-spacingプロパティは、隣接する各セルの枠線と枠線の間隔を指定します。
値と半角スペースで区切ってふたつ指定することもできますが、与えられた値の個数によって次のように設定されます。
値が1つの場合 値1:上下左右の間隔 値が2つの場合 値1:左右の間隔 値2:上下の間隔 HTMLソース<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>セルとセルの間隔を指定する</title>
<style type="text/css">
<!--
body { margin: 2em }
table { border-spacing: 1em }
table, th, td { border: 3px solid #999999 }
th {
color: #000000;
background-color: #cccccc
}
-->
</style>
</head>
<body>
<table border="3" align="center" cellpadding="8">
<tr><th>ヘッダ</th><th>ヘッダ</th><th>ヘッダ</th></tr>
<tr><td>データ</td><td>データ</td><td>データ</td></tr>
<tr><td>データ</td><td>データ</td><td>データ</td></tr>
</table>
</body>
</html>