このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

table”要素~“cellspacing”属性注意

記事July 7th,2020
表のセルの間隔を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

cellspacing”属性について

cellspacing”属性は表のセルの間隔を指定する属性です。

セルの外枠同士の間隔と、セルの外枠と表の外枠の間の距離を指定することができます。指定した値は上下左右に適用されます。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

スタイルシートのborder-spacing”プロパティで指定します。

指定できる値

属性値 説明
正の整数 セルの間隔のピクセル数
正の整数% セルの間隔の表示領域に対する割合

サンプルコード

<table border="2" cellspacing="0">
<tr>
<th>順位</th>
<th>名前</th>
<th>高さ</th>
</tr>
<tr>
<td>1</td>
<td>ブルジュ・ハリファ</td>
<td>829.8m</td>
</tr>
<tr>
<td>2</td>
<td>東京スカイツリー</td>
<td>634.0m</td>
</tr>
<tr>
<td>3</td>
<td>上海中心</td>
<td>632.0m</td>
</tr>
<tr>
<td>4</td>
<td>KVLY-TV塔</td>
<td>628.8m</td>
</tr>
</table>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク