最新のWeb開発のチュートリアル
 

HTML <tr> Tag


単純なHTMLテーブル、2つの列と2つの行を含みます:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

<tr>タグは、HTMLテーブルの行を定義します。

<tr>要素には、1つまたは複数の<th>または<td>要素を。


ブラウザのサポート

素子
<tr> はい はい はい はい はい

HTML 4.01とHTML5の違い

すべてのlayout属性はHTML5で除去されます。


属性

属性 説明
align right
left
center
justify
char
HTML5でサポートされていません。
テーブル行のコンテンツを揃え
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5でサポートされていません。
テーブル行の背景色を指定
char character HTML5でサポートされていません。
文字へのテーブル行のコンテンツを揃え
charoff number HTML5でサポートされていません。
コンテンツは、で指定した文字から文字数整列されます設定しchar属性
valign top
middle
bottom
baseline
HTML5でサポートされていません。
垂直テーブル行のコンテンツを揃え

グローバル属性

<tr>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<tr>タグもサポートしています。イベントは、HTMLの属性


それを自分で試してみてください - 例

表のヘッダー
表のヘッダーを作成する方法。

キャプションと表
キャプション付きHTMLテーブル。

テーブル内部のタグ
他の要素内の要素を表示する方法。

C 複数の行/列にまたがるells
複数の行または1列にまたがるテーブルセルを定義する方法。


関連ページ

HTMLチュートリアル: HTMLテーブル

HTML DOMリファレンス: のTableRowオブジェクト

CSSチュートリアル: スタイリングテーブル


デフォルトのCSS設定

ほとんどのブラウザが表示されます<tr>次のデフォルト値を持つ要素を:

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}