|
テーブルの、マージンやセル内の罫線の太さを設定
|
|
|
中級編 【1０】
セルとセルの間隔、セル内のパディング（内側の余白）を設定 ピクセル（整数）
|
<table cellPadding="" cellspacing= "">
〜</table>
|
<table>
属性
|
cellspacing=""
|
属性
|
セルとセルの間隔（間の罫線の太さ）を示しセル罫線の幅を変更できます 。
表内の枠線を太く見せたり、細く見せたりすることができます。
|
|
cellPadding=""
|
属性
|
セルの中にある文字とセルの枠（罫線）との４方間隔を示し、セルの間隔を変更できます。
|
|
<table cellPadding="">
|
テーブル全体の、セルとセルの間隔を設定する。
表はその全体の設定を
<table>
内に設定 表の、枠の太さ、枠サイズ、背景色、背景画など、表全体に関わる部分の指定を行う。
|
|
|
|
|
テーブルセルのマージン、タグ指定例
<table width="98%" cellPadding="10" border="1">
<tr>
<td width="20%">
セル 1
</td>
<td width="30%">
セル ２
</td>
<td width="50%">
セル ３
</td>
</tr> </table>
|
|
|
|
|
上記タグの、サンプル表示例
枠と枠との間隔が開いて、文字列が離れている。
|
|
セルのマージンを無指定の場合 サンプル表示例
枠と枠との間隔が開かず、文字列が枠に張り付いている。
|
|
|
|
|
|
|
テーブルのセル罫線の幅指定例、タグ
<table width="98%" cellspacing="8" border="1">
<tr>
<td width="20%">
セル １
</td>
<td width="30%">
セル ２
</td>
<td width="50%">
セル ３
</td>
</tr> </table>
|
|
|
|
|
上記タグの、サンプル表示例
テーブルセル枠線が太く、表示されている。
|
|
セルのマージンを無指定の場合 サンプル表示例
セル内枠線は、そのまま表示されている。
|
|
|
|
|
|
|
其の他のテーブル関連タグ解説
<th>〜</th>
<tr>〜</tr>
<td>〜</td>
<img>
|
|
<table>〜</table>
|
要素
|
テーブル全体の指定 表はその全体の設定を
<table>
内に設定 表の、枠の太さ、枠サイズ、背景色、背景画など、表全体に関わる部分の指定を行う。
|
|
width=""
|
属性
|
テーブルの大きさを指定 幅を設定
|
|
height=""
|
属性
|
テーブルの大きさを指定 高さを設定
|
<table width=" " height=" ">
|
|
テーブル全体に枠幅と枠の高さを設定
|
|
<td width=" ">
|
|
複数のセルを設定した場合に、セルに枠幅を設定
|
|
<td width=" " height=" ">
|
|
複数のセルを設定した場合に、セルに枠幅と高さを設定
|
|
<table border=" ">
|
|
テーブル枠の表示(サイズ)、非表示 0で非表示
|
|
|
|
|
|
|
|
|
|
|