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

tr要素:表の行

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

要素について

カテゴリー なし
利用場所 thead”要素tbody”要素tfoot”要素の子要素として
table”要素の子要素であるcaption”要素colgroup”要素thead”要素の後(ただし、table”要素が子要素にtbody”要素を持たない場合)
内容 0個以上のtd”要素th”要素スクリプト支援要素
タグの省略 不可

tr”要素は表の行を表す要素です。

tr”要素の子要素は表の同じ行に表示されます。行の内容は子要素となるth”要素td”要素によって表されます。

table”要素の中にtbody”要素thead”要素tfoot”要素がある場合は“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行目をベースラインで揃える

仕様書

tr”要素はHTML2.0の後に発行された“HTML Tables (RFC 1942)”から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<tr>
定義あり

定義あり

定義あり

定義あり

定義あり
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
align=""
定義あり

削除

削除

削除

削除
char=""
定義あり

削除

削除

削除

削除
charoff=""
定義あり

削除

削除

削除

削除
valign=""
定義あり

削除

削除

削除

削除
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク