table
- ブラウザ
表
<table></table>
表の大枠を示す要素です。
この要素内には、表を構成する各要素を配置していくことになります。
<table>
<thead>
<tr>
<th>見出しセル1</th>
<th>見出しセル2</th>
</tr>
</thead>
<tbody>
<tr>
<td>データセル1</td>
<td>データセル2</td>
</tr>
</tbody>
</table>
| 属性 | 説明 | 値 | 説明 |
|---|---|---|---|
| 任意属性 | |||
| summary | 表の説明 | テキスト | 表の目的と構造に関する説明文 |
| width | 表全体の幅 | 数値、% | ピクセル数またはパーセント |
| border | 外枠の太さ | 数値 | ピクセル数 |
| frame | 外枠の表示方法 | void | 外枠なし （初期値） |
| lhs | 左のみ表示 | ||
| rhs | 右のみ表示 | ||
| vsides | 左右のみ表示 | ||
| above | 上のみ表示 | ||
| below | 下のみ表示 | ||
| hsides | 上下のみ表示 | ||
| box | 全ての外枠を表示 | ||
| border | 全ての外枠を表示 | ||
| rules | 内罫線の表示方法 | none | 罫線なし （初期値） |
| rows | 横罫線のみ表示 | ||
| cols | 縦罫線のみ表示 | ||
| groups | グループ間の罫線のみ表示 | ||
| all | 全ての罫線を表示 | ||
| cellspacing | セルの間隔 | 数値、% | ピクセル数またはパーセント |
| cellpadding | セル内の余白 | 数値、% | ピクセル数またはパーセント |
| 非推奨属性 | |||
| align | 水平方向の位置指定 | left | 左側に配置 （左フロート） |
| center | 中央に配置 | ||
| right | 右側に配置 （右フロート） | ||
| bgcolor | 表全体の背景色 | 色 | 色のコードまたはネーム |
- summary属性で指定された説明文は、非視覚系のブラウザ（音声ブラウザ等）で利用されます。
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
<table border="1" cellspacing="2" cellpadding="3" summary="表の説明文">
<thead>
<tr>
<th>見出しセル1</th>
<th>見出しセル2</th>
</tr>
</thead>
<tbody>
<tr>
<td>データセル1</td>
<td>データセル2</td>
</tr>
</tbody>
</table>
DTD
| Str | Tra | Fra |
|---|---|---|
| ○ | ○ | ○ |
タグ
| 開始タグ | 終了タグ |
|---|---|
| 必須 | 必須 |
分類
子要素
tbody要素が必須です。（ただし、条件によっては、tbodyの開始タグと終了タグの記述を省略することが可能です）
colgroup要素とcol要素は、どちらか一方を配置することができます。（同時には配置できません）
caption要素、thead要素、tfoot要素は、それぞれひとつだけ配置することができます。
