ホーム＞HTMLリファレンス（アルファベット検索）＞<table>タグ
<table>…表を作成する
使用タグ
属性と働き
| 属性 |
働き |
指定できる値 |
| border="枠線の太さ" |
表の枠線の太さを指定できる
この属性を指定しないと枠線は表示されません |
ピクセル数を表す整数で指定 |
| width="横幅" |
表の横幅を指定できます |
ピクセルを表す整数、パーセンテージを指定できます |
height="高さ"
ブラウザ独自の属性
CSSでの指定…height |
表の高さを指定できます |
ピクセルを表す整数、パーセンテージを指定できます
|
| cellpadding="長さ" |
枠線とセルの内容の間の間隔を指定できます |
ピクセルを表す整数、パーセンテージ |
| cellspacing="長さ" |
セルどうしの間隔を指定できます |
ピクセルを表す整数、パーセンテージ |
| frame="表の外側の枠線" |
表の外側の枠線の表示方法を指定できます |
「void」:枠線なし
「above」:上のみ
「below」:下のみ
「hsides」:上と下
「vsides」:左と右
「lhs」:左のみ
「rhs」:右のみ
「box」:周囲
「border」:周囲 |
| rules="表の内側の枠線" |
表の内側の枠線の表示方法を指定できます |
「none」:枠線なし
「groups」:グループの境界線
「rows」:横方向のみ
「cols」:縦方向のみ
「all」:すべて |
align="横方向の配置"
非推奨
CSSでの指定…float
…margin-left
…margin-right |
表の横方向の配置を指定できます |
「left」:左揃え
「center」:中央揃え
「right」:右揃え
|
bgcolor="色"
非推奨
CSSでの指定…background-color |
表の背景色を指定できます |
色名やカラーコード（16進数）などを指定する |
background="URL"
ブラウザ独自の属性
CSSでの指定…background-image |
背景画像を指定できます |
URL |
| summary="テキスト" |
音声ブラウザなどのために、表の目的や構造の説明を記述します。 |
テキスト |
使用例
記述例
<table border="1">
<caption>
国の人口ランキング
</caption>
<tr>
<th width="100" align="center">順位 - 国名</th>
<th width="200" align="center">人口</th>
<th width="200" align="center">国土面積（km2）</th>
</tr>
<tr>
<td>１位 - Ａ国</td>
<td>約30億人</td>
<td>約900万</td>
</tr>
<tr>
<td>２位 - Ｂ国</td>
<td>約5億人</td>
<td>約500万</td>
</tr>
<tr>
<td>３位 - Ｃ国</td>
<td>約3億人</td>
<td>約400万</td>
</tr>
</table> |
|
[ブラウザでの表示例]
| ブラウザ |
国の人口ランキング
| 順位 - 国名 |
人口 |
国土面積（km2） |
| １位 - Ａ国 |
約30億人 |
約900万 |
| ２位 - Ｂ国 |
約5億人 |
約500万 |
| ３位 - Ｃ国 |
約3億人 |
約400万 |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他
解説
<table>
