Apr. 18th,2015
＃
要素について
| カテゴリー | なし |
| 利用場所 | “thead”要素、“tbody”要素、“tfoot”要素の子要素として |
| “table”要素に“tbody”要素がなければ、“table”要素の子要素として(ただし、“caption”要素、“colgroup”要素、“thead”要素の後 | |
| 内容 | 0個以上の“td”要素、“th”要素、スクリプト支援要素 |
| タグの省略 | 不可 |
“tr”要素は表の行を表す要素です。
“tr”要素の子要素は表の同じ行に表示されます。行の内容は子要素となる“th”要素と“td”要素によって表されます。
“table”要素の中に“tbody”要素がある場合は“tr”要素を直接“table”要素の中に配置することはできません。この場合はすべての“tr”要素を“tbody”要素もしくは“thead”要素や“tfoot”要素の中に入れなければなりません。
表の列は“colgroup”要素と“col”要素で表されます。
サンプルコード
<table>
<tr>
<th>順位</th>
<th>名前</th>
<th>高さ</th>
</tr>
<tr>
<td>1</td>
<td>ブルジュ・ハリファ</td>
<td>829.8m</td>
</tr>
<tr>
<td>2</td>
<td>東京スカイツリー</td>
<td>634.0m</td>
</tr>
<tr>
<td>3</td>
<td>上海中心</td>
<td>632.0m</td>
</tr>
<tr>
<td>4</td>
<td>KVLY-TV塔</td>
<td>628.8m</td>
</tr>
</table>
| 順位 | 名前 | 高さ |
|---|---|---|
| 1 | ブルジュ・ハリファ | 829.8m |
| 2 | 東京スカイツリー | 634.0m |
| 3 | 上海中心 | 632.0m |
| 4 | KVLY-TV塔 | 628.8m |
＃
属性と値
| 属性 | 値 | ||
|---|---|---|---|
| 属性 | 説明 | 値 | 説明 |
| 必須属性 | |||
| なし | |||
| 任意属性 | |||
| グローバル属性 | |||
過去に定義されていた属性
| 属性 | 値 | ||
|---|---|---|---|
| 属性 | 説明 | 値 | 説明 |
align="" |
セルの内容の水平方向の表示位置 | left | 左揃え |
| center | 中央揃え | ||
| right | 右揃え | ||
| justify | 両端揃え | ||
| char | “char”属性で指定した文字を揃える | ||
| char="" |
揃え文字の指定 | 文字 | 揃え文字 |
| charoff="" |
セルの端から揃え文字までの距離 | 正の整数 | セルの端から揃え文字までの距離のピクセル数 |
| 正の整数% | セルの端から揃え文字までの距離の表示領域に対する割合 | ||
| valign="" |
セルの内容の垂直方向の表示位置 | top | セルの上端に揃える |
| middle | セルの中央に揃える | ||
| bottom | セルの下端に揃える | ||
| baseline | 1行目をベースラインで揃える | ||
| bgcolor="" |
セルの背景色 | 色 | セルの背景色 |
＃
仕様書
“tr”要素はHTML2.0の後に発行された“HTML Tables (RFC 1942)”から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。
DOMインターフェース
[Exposed=Window]
interface HTMLTableRowElement : HTMLElement {
[HTMLConstructor] constructor();
readonly attribute long rowIndex;
readonly attribute long sectionRowIndex;
[SameObject] readonly attribute HTMLCollection cells;
HTMLTableCellElement insertCell(optional long index = -1);
[CEReactions] undefined deleteCell(long index);
// also has obsolete members
};
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);
tr {
unicode-bidi: isolate;
display: table-row;
vertical-align: middle;
border-color: inherit;
}
tr[hidden] {
display: table-row;
visibility: collapse;
}
/* 文書の文字エンコーディングが ISO-8859-8 である場合 */
tr {
unicode-bidi: bidi-override;
}
