Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

セルとセルの間隔指定

■ セルとセルの間隔指定

間隔   単位つきの数値

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>

<<<戻る

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box | CSS Trial