このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

tr”要素:表の行

記事Apr. 18th,2015
July 7th,2020
表の行を表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

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でも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<tr>
定義あり

定義あり

定義あり

定義あり

定義あり
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;
}
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク