表の罫線の幅をサイズ指定する

<table cellspacing=””>

テーブルタグに「cellspacing=””」という属性を追加すると、表の罫線の幅を指定することができます。罫線の幅とは、以下の図の部分です。罫線の幅はこの属性が省略されている場合では、幅はあらかじめ設定されており、また表や表内のセルに背景色を指定しない場合は罫線は透明です。

記述例

・罫線の幅を3ピクセルで表示
<table border=”1″ cellspacing=”3″>
<tr>
<td>この領域をセルと呼ぶ</td>
</tr>
</table>
<br>
・罫線の幅を0にする
<table border=”1″ cellspacing=”0″>
<tr>
<td>この領域をセルと呼ぶ</td>
</tr>
</table>


・罫線の幅を3ピクセルで表示

この領域をセルと呼ぶ

・罫線の幅を0にする

この領域をセルと呼ぶ

※分かりやすくするために枠を表示しています。

表の罫線は表の枠と同じように見えますが、本来は異なります。一般的には、表の枠線は枠を「border=”0″」とし、この罫線「cellspacing」で指定する機会が多いようです

関連情報

テーブルタグ一覧

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!