tr要素 -- 行

基本データ

tr要素
文書型 適用 子要素 開始タグ 終了タグ 分類
Strict ○ th要素 td要素 必須 省略可 thead要素 tfoot要素 tbody要素の子要素
Transitional ○
Frameset ○

属性

固有属性

align="行揃え"
Strict: ○ | Transitional: ○ | Frameset: ○
横一行のセルの行揃えをまとめて指定します。利用できる値は次のとおりです。
left
左揃え
center
中央揃え
right
右揃え
justify
両端揃え
char
char属性で指定された文字に揃える(デフォルトは小数点を表す文字)。対応しているブラウザがほとんどありません。
この属性は非推奨ではありませんが、CSSを使って次のように指定するほうが望ましいです。
左揃え
tr { text-align: left; }
中央揃え
tr { text-align: center; }
右揃え
tr { text-align: right; }
両端揃え
tr { text-align: justify; }
特定の文字で揃える(ピリオドの場合)
tr { text-align: "."; }
valign="垂直方向の位置揃え"
Strict: ○ | Transitional: ○ | Frameset: ○
セルの中身を垂直方向のどの位置にそろえるのかを指定します。利用できる値は次のとおりです。
top
上揃え
middle
中央揃え
bottom
下揃え
baseline
1行目の下端
この属性は非推奨ではありませんが、CSSを使って次のように指定するほうが望ましいです。
上揃え
tr { vertical-align: top; }
中央揃え
tr { vertical-align: middle; }
下揃え
tr { vertical-align: bottom; }
1行目の下端
tr { vertical-align: baseline; }
char="行を揃える文字"
Strict: ○ | Transitional: ○ | Frameset: ○
align="char"を指定したときに、どの文字で位置を揃えるのかを指定します。デフォルトでは小数点を表す記号(日本語ならピリオド)です。
charoff="セルの端からchar属性で示した文字までの空白"
Strict: ○ | Transitional: ○ | Frameset: ○
align="char"を指定したときに、セルの左端からそろえる文字までの距離をピクセル値かパーセント値で指定します。
bgcolor="背景色"(非推奨)
Strict: × | Transitional: △ | Frameset: △
横一行のセルの背景色をまとめて指定します。この属性は非推奨です。
CSSで代用
tr { background-color: #色; }

解説

横一行を表す要素です。thead要素、tfoot要素、tbody要素の子要素になります。この要素はth要素かtd要素を最低一つ含まなければいけません。

この要素にスタイルを指定すれば、横一行のセルのデザインをまとめて変更することができます。

表の詳しい使い方は以下のページを参照してください。

Strict DTDの定義

<!ELEMENT TR       - O (TH|TD)+        -- table row -->
<!ATTLIST TR                           -- table row --
  %attrs;                              -- %coreattrs, %i18n, %events --
  %cellhalign;                         -- horizontal alignment in cells --
  %cellvalign;                         -- vertical alignment in cells --
  >

Information