HTML テーブルのセルの間隔を指定するサンプル(cellspacing)

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

cellspacing 属性

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

サンプル

1つ目のテーブルのcellspacingは0ピクセルです。
2つ目のテーブルのcellspacingは"10"ピクセルです。

コード

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

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>テーブルのサンプル</title>
</head>
<body >
<table border="1" cellspacing="0">
	<tr><td>赤 red</td></tr>
	<tr><td>黄 yellow</td></tr>
	<tr><td>青 blue</td></tr>
</table>
 
<table border="1" cellspacing="10">
	<tr><td>赤 red</td></tr>
	<tr><td>黄 yellow</td></tr>
	<tr><td>青 blue</td></tr>
</table>
</body>
</html>

関連の記事

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



△上に戻る