Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

tr 要素

概要

HTML テーブル行要素 (<tr>) は、テーブル内でセルの行を定義します。行は <td> 要素と <th> 要素を混ぜ合わせたものです。

使用可能な場所

コンテンツカテゴリ なし
許可された内容 0 個以上の <td> 要素または <th> 要素、あるいはこれらを混在させたもの
タグの省略 開始タグは必須。<tr> 要素の直後に <tr> 要素がある場合、または親のテーブルグループ要素 (<thead><tbody><tfoot>) 内で以降のコンテンツがない場合は終了タグを省略可能。
許可された親要素 <table> 要素、<thead> 要素、<tbody> 要素、<tfoot> 要素
標準文書 HTML, "The tr element"

属性

この要素はグローバル属性を持ちます。

align 非推奨 HTML4.01廃止 HTML5
この列挙属性は各セルの内容物について、水平方向の配置方法を制御します。以下の値を指定可能です。
  • left : 内容物をセルの左側に揃えます。
  • center : 内容物をセル内で中央揃えにします。
  • right : 内容物をセルの右側に揃えます。
  • justify: 内容物がセル内で両端揃えになるように、テキストコンテンツに空白を挿入します。
  • char : テキストコンテンツを特定の文字に対して、最小のオフセットで揃えます。特定の文字は char 属性および charoff 属性で定義します。未実装 (参照 バグ 2212)

この属性が設定されていない場合は、親ノードの値を継承します。

注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
  • leftcenterrightjustify と同じ効果を得るには、td 要素で CSS の text-align プロパティを使用します。
  • char と同じ効果を得るには、CSS3 では text-align プロパティの値として char の値を使用します。未実装
bgcolor 非推奨 HTML4.01廃止 HTML5
この属性は、行の各セルの背景色を定義します。値は #RRGGBB コードまたは SVG カラーキーワードを使用できます。
使用上の注意: <tr> 要素は CSS を使用してスタイルを設定するべきです。bgcolor 属性と同様の効果を与えるには、CSSbackground-color プロパティを使用します。
char 非推奨 HTML4.01廃止 HTML5
この属性は、行内のセルで揃える文字を設定します。典型的な値に、数値や金額を揃えようとするときのピリオド (.) があります。align 属性が char ではない場合は、この属性を無視します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
  • char と同じ効果を得るには、CSS3 では text-align プロパティの値として char の値を使用します。未実装
charoff 非推奨 HTML4.01廃止 HTML5
この属性は、char 属性で指定した揃え文字から行のデータをオフセットする文字数を示します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
valign 非推奨 HTML4.01廃止 HTML5
この属性は、テーブル本体の各行のセルにおける垂直方向のテキスト配置方法を指定します。以下の値が指定可能です:
  • baseline : テキストを可能な限りセルの下端に近づけますが、下端ではなく文字のベースラインに揃えます。文字がサイズ全体に渡る場合は、bottom と同じ効果になります。
  • bottom : テキストを可能な限りセルの下端に近づけて配置します。
  • middle : テキストをセルの中央部に置きます。
  • and top : テキストを可能な限りセルの上端に近づけて配置します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。代わりに CSS の vertical-align プロパティを使用してください。

DOM インターフェイス

この要素は HTMLTableRowElement インターフェイスを提供します。

<tr> 要素の使用例については、<table> 要素のページを参照してください。

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) (有) (有) (有)
align/valign 属性 1.0 未サポート バグ 915 (有) (有) (有)
char/charoff 属性 1.0 未サポート バグ 2212 (有) (有) (有)
bgcolor 属性 未サポート 未サポート (有) 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート (有) 1.0 (1.0) (有) (有) (有)
align/valign 属性 ? 未サポート バグ 915 ? ? ?
char/charoff 属性 ? 未サポート バグ 2212 ? ? ?
bgcolor 属性 未サポート 未サポート (有) 未サポート 未サポート

関連情報

  • 他のテーブル関連要素: <caption>, <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>
  • <tr> 要素のスタイル設定に特に役立つであろう CSS プロパティと擬似クラス:
    • 行内のセルの配置を設定するための :nth-child 擬似クラス
    • すべてのセル内コンテンツを '.' などの同一文字で揃えるための text-align プロパティ

ドキュメントのタグと貢献者

 このページの貢献者: yyss
 最終更新者: yyss,