|
テーブルに、外枠線の表示
|
|
|
中級編 【９】
テーブルに外枠線の表示をするには
|
<table border="">
〜</table>
|
|
|
|
|
テーブルの外枠線は、テーブルの境界線としての表示や区分のための指定など
また、画像表示などで額縁のように表示され見栄えのよいページになる。
枠の表示と太さを指定する 関連タグ
<img>
<link>
|
|
|
テーブルの外枠線の太さを指定する、サンプルタグ。
<table width="90%"
border="5"
>
<tr>
<td>
セル1
</td>
<td>
セル２
</td>
<td>
セル３
</td>
</tr> </table>
|
|
|
表の外枠の太さを指定する 表示例 高さも指定しています
|
セル1
|
セル２
|
セル3
|
| |
|
テーブルを二重に設定 外枠の太さを指定サンプルタグ。
<table width="90%" align="center"
border="5"
>
<tr>
<td>
<table width="100%" >
<tr>
<td align="center">
セル1
</td>
<td align="center">
セル２
</td>
<td align="center">
セル3
</td>
</tr> </table>
</td></tr> </table>
|
|
|
テーブルを二重に設定
入れ子にしたテーブルの枠線を消したサンプル。
|
|
|
|
|
|
其のほか サイズ指定 枠幅・高さ ＨＴＭＬタグ解説
要素
属性
<table width=" ">
|
属性値は10進数ビクセル単位で指定する
テーブル全体に枠幅を設定
|
<table width=" " height=" ">
|
テーブル全体に枠幅と枠の高さを設定
|
|
<td width=" ">
|
複数のセルを設定した場合に、セルに枠幅を設定
|
|
<td width=" " height=" ">
|
複数のセルを設定した場合に、セルに枠幅と高さを設定
|
|
<table border=" ">
|
テーブル枠の表示(サイズ)、非表示 0で非表示
|
|
|
|
|
|
|
|
|
|
|