HTML cellspacing テーブルのセルの間隔を指定する

HTMLのcellspacing属性で、テーブルのセルの間隔を指定するサンプルです。

目次

仕様 cellspacing属性
サンプル cellspacingに10pxを指定する
  cellspacingに1pxを指定する

cellspacing属性

< table cellspacing="ピクセル"または%" >
  • テーブルのセルの間隔を指定します。
  • cellspacing属性は、HTML5で廃止されました。非推奨となっています。
  • 代わりとして、 CSSの使用が推奨されています。
    (CSSのborder-spacingプロパティで値を指定する)
  • CSS border-spacing テーブルの枠線の間隔を指定

cellspacingに10pxを指定する

cellspacingに10pxを指定しています。

テーブルのセルの間隔が開いています。

コード

上記サンプルのコードです。

<table border="1" cellspacing="10">
	<tr><td>赤 red</td></tr>
	<tr><td>黄 yellow</td></tr>
	<tr><td>青 blue</td></tr>
</table>

cellspacingに1pxを指定する

cellspacingに1pxを指定しています。

テーブルのセルの間隔がなくなりました。

コード

上記サンプルのコードです。

<table border="1" cellspacing="1">
	<tr><td>赤 red</td></tr>
	<tr><td>黄 yellow</td></tr>
	<tr><td>青 blue</td></tr>
</table>

以下はMDNのtableのリンクです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/table

関連の記事

HTML rowspan テーブルのセルを縦につなげる
HTML colspan テーブルのセルを横につなげる
HTML cellpadding テーブルのセル内の余白を指定する
HTML テーブルの幅を指定するサンプル(width)
HTML リストを作成するサンプル(ul/li/ol)

△上に戻る