tr要素
Updated / Published
tr要素(table row)は表(テーブル)の行を指定します。内容にはセルの部分となる td要素、またはセルの中で見出しとなるセルを示す th要素を組み合わせます。表全体を定義する table要素の中で tr要素は直接の子要素として記述することができます。HTML4 の仕様では表の中で本体を示す tbody要素の開始タグと終了タグを省略可能で(UA は tbody要素の記述が省略された場合、そこに tbody要素があると見なす)、XHTML では tbody要素の代わりに tr要素を記述できるためです。
HTML5ではtr要素固有の属性はすべて廃止されました。
- バージョン
- HTML4.01(S,T,F)
- XHTML1.0(S,T,F)
- XHTML1.1
- 要素型
- 開始タグ
- 必須
- 終了タグ
- XHTML 必須
- HTML4.01 省略可
- 非推奨
- -
- 内容モデル
- 1個以上の td要素, th要素
align属性
- バージョン
- HTML4.01(S,T,F)
- XHTML1.0(S,T,F)
- XHTML1.1
- 指定要素
- 必須
- -
- 非推奨
- -
- 属性値
- left
- right
- center
- justify
- char
行内に含まれる全てのセルに対して一括で内容の幅寄せや、テキストの桁揃えを指定します。多くの視覚環境の UA で行揃えの初期値は td要素が "left" に、th要素が "center" に設定されています。値には次の5つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。
- left
- 内容とテキストを左揃えで表示する
- right
- 内容とテキストを右揃えにする
- center
- 内容とテキストを中央揃えにする
- justify
- 文字を均等に配置し、テキストを両端揃えで表示する
- char
char属性で指定した特定の文字を基準に揃えて表示する
align属性は非推奨ではありませんが、td要素, th要素の各セルをセレクタに CSS の text-alignプロパティで同様の表現に代替できます。
HTML5では、align属性は廃止されました。
bgcolor属性
- バージョン
- HTML4.01(T,F)
- XHTML1.0(T,F)
- 指定要素
- 必須
- -
- 非推奨
- 非推奨
- HTML4.01 Strict 廃止
- XHTML1.0 Strict 廃止
- XHTML1.1 廃止
- 属性値
行内に含まれる全てのセルに対して一括で背景色を16進数RGB値、またはカラーネームで指定します。bgcolor属性は非推奨のため CSS のbackground-colorプロパティで代替することが推奨されています。
HTML5では、bgcolor属性は廃止されました。
char属性
- バージョン
- HTML4.01(S,T,F)
- XHTML1.0(S,T,F)
- XHTML1.1
- 指定要素
- 必須
- -
- 非推奨
- -
- 属性値
- 小数点
align属性の値に "char" を指定した場合にセル内の位置揃えの軸となる文字を指定します。たとえば、日本語や英語であればピリオド(.)、フランス語であればカンマ(,)のように lang属性(XHTML では xml:lnag属性)で指定した言語に対応する小数点を指定することが可能です。"<tr align="char" char=".">..." のように指定すれば、セル内の文字がピリオド(.)に合わせて揃えられることが期待されます(現状、char属性に対応している UA はありません)。
HTML5では、char属性は廃止されました。
charoff属性
- バージョン
- HTML4.01(S,T,F)
- XHTML1.0(S,T,F)
- XHTML1.1
- 指定要素
- 必須
- -
- 非推奨
- -
- 属性値
- 整数(pixels)
- パーセンテージ値(%)
char属性により位置揃えが指定された場合、charoff属性でその文字から水平方向にどの位置までずらして表示するかを指定します。たとえば、小数点以下2桁で揃えたい場合は、"<tr align="char" char="." charoff="2">..." と指定します。
また、文字揃えの際にずらす方向は dir属性による書字方向に依存します。dir属性の値が "ltr" の場合、左の余白からずれます。dir属性の値が "rtl" の場合、右の余白からずれます(仕様では char属性、及び charoff属性は必ずしもサポートする必要は無いとされているため対応している UA はありません)。
HTML5では、charoff属性は廃止されました。
valign属性
- バージョン
- HTML4.01(S,T,F)
- XHTML1.0(S,T,F)
- XHTML1.1
- 指定要素
- 必須
- -
- 非推奨
- -
- 属性値
- top
- middle
- bottom
- baseline
行内に含まれる全てのセルに対して一括で内容の垂直(上下)方向の揃え方を指定します。値には次の4つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。
- top
- セルの上辺に内容の上辺を揃えて表示する
- middle
- セルの垂直方向の長さの中央に表示する
- bottom
- セルの下辺に内容の下辺を揃えて表示する
- baseline
- テキストの1行目をベースラインで揃えて表示する(2行目以降は影響なし)
valign属性は非推奨ではありませんが、td要素, th要素の各セルをセレクタに CSS の vertical-alignプロパティで同様の表現に代替できます。
HTML5では、valign属性は廃止されました。