tr要素

tr要素 表の行 table要素の子要素

tr要素は表の行を指定します。table要素の子要素で内容にできる要素はtd要素（セル）とth要素（見出しのセル）です。
tr要素は単独では使いませんtable要素を使ったときにtd要素といっしょに使います。

内容にできる要素

td要素 th要素

<table>
<tr>
<td>1行目</td>
</tr>
<tr>
<td>2行目</td>
</tr>
</table>

実際の表示

1行目

2行目

指定できる属性

align属性

tr要素の内容になっている全てのtd要素の中の内容を横方向の配置を指定する 値にはleft左寄せ center中寄せ right右寄せ justify両端揃え

 align="center"

valign属性

tr要素の内容になっている全てのtd要素の中の内容を縦方向の位置を指定できます。
値にはtop 上揃え middle 中央揃え bottom 下揃え baseline ベースライン揃え

 valign="top"

cssでデザインを指定する場合

html

<tr class="a"></tr>

css

行の背景色の指定

値には色を表す値を指定します。

tr.a { background-color: #FFCC00; }

行の内容になっている全てのセルの中の内容の横方向の配置

値には「left」左揃え「center」中央揃え「right」右揃え

tr.a { text-align: center; }

行の内容になっている全てのセルの中の内容の縦方向の配置

値にはbaseline、middle（中央揃え）、top（上揃え）、bottom（下揃え）

tr.a { vertical-align: top; }

共通属性

指定できる共通属性

id属性 class属性 style属性 title属性 lang属性 dir属性

イベント属性

イベント属性