【第３６講】表(2)・枠の幅とサイズ

（1998年11月24日更新）

【There have been visitors since 1997. 9.24.】

　ここでは、表の枠の太さの設定を中心に見ていきます。

【テーブルの枠の幅】
<TABLE  BORDER=border>〜</TABLE>
※border＝{pixel}

　BORDER属性は表の周囲の枠（外枠）の太さで、borderにピクセル数で指定します。

【テーブルのセル間の幅】
<TABLE  CELLSPACING=spacing>〜</TABLE>
※spacing＝{pixel}

　CELLSPACING属性は表（各セル）の太さで、spacingにピクセル数で指定します。

【テーブルセル内の余白】
<TABLE  CELLPADDING=padding>〜</TABLE>
※padding＝{pixel}

　CELLPADDING属性は枠線とセル内の文字との余白で、paddingにピクセル数で指定します。

<TABLE BORDER=10 CELLSPACING=5 CELLPADDING=20> <TR><TD>A1</TD><TD>B1</TD><TD>C1</TD><TD>D1</TD></TR> <TR><TD>A2</TD><TD>B2</TD><TD>C2</TD><TD>D2</TD></TR> <TR><TD>A3</TD><TD>B3</TD><TD>C3</TD><TD>D3</TD></TR> <TR><TD>A4</TD><TD>B4</TD><TD>C4</TD><TD>D4</TD></TR> </TABLE>

（表示結果）

【テーブルのセルの大きさ】
<TABLE  WIDTH=width>〜</TABLE>
<TABLE  HEIGHT=height>〜</TABLE>
※width/height＝{pixel,percentage}

　WIDTH属性は表の横幅、HEIGHT属性は表の横幅で、それぞれピクセル数かウインドウサイズに対するパーセンテージで指定します。

<TABLE BORDER WIDTH=200 HEIGHT=100> <TR><TD>A1</TD><TD>B1</TD><TD>C1</TD><TD>D1</TD></TR> <TR><TD>A2</TD><TD>B2</TD><TD>C2</TD><TD>D2</TD></TR> <TR><TD>A3</TD><TD>B3</TD><TD>C3</TD><TD>D3</TD></TR> <TR><TD>A4</TD><TD>B4</TD><TD>C4</TD><TD>D4</TD></TR> </TABLE><P> <TABLE BORDER WIDTH=80% HEIGHT=40%> <TR><TD>A1</TD><TD>B1</TD><TD>C1</TD><TD>D1</TD></TR> <TR><TD>A2</TD><TD>B2</TD><TD>C2</TD><TD>D2</TD></TR> <TR><TD>A3</TD><TD>B3</TD><TD>C3</TD><TD>D3</TD></TR> <TR><TD>A4</TD><TD>B4</TD><TD>C4</TD><TD>D4</TD></TR> </TABLE>

（表示結果）

A1	B1	C1	D1
A2	B2	C2	D2
A3	B3	C3	D3
A4	B4	C4	D4

【第３７講】表(3)・セルの結合

【第３６講】に関する質問フォーム

【第３５講】表(1)・表の構成