<TR> | NN すべて IE すべて HTML すべて | ||||||||||||||
<TR>...</TR> | HTML 終了タグ : オプション | ||||||||||||||
tr 要素は、セル 1 行のコンテナです。行内の各セルには、th または td 要素があります。テーブルの次の行にある後続のセル要素の表示を開始するようにブラウザに指示するため、各行には最低でも開始タグと終了タグが必要です。他に使用できる特別目的の行グループは、tfoot、thead、そしてより一般的な tbody グループ要素です。 |
|||||||||||||||
例 | |||||||||||||||
<TABLE cols="3"> <THEAD> <TR> <TH>Time</TH><TH>Event</TH><TH>Location</TH> </TR> </THEAD> <TBODY> <TR> <TD>7:30am-5:00pm</TD><TD>Registration Open</TD><TD>Main Lobby</TD> </TR> <TR> <TD>9:00am-12:00pm</TD><TD>Keynote Speakers</TD><TD>Cypress Room</TD> </TR> </TBODY> </TABLE> |
|||||||||||||||
オブジェクト参照 | |||||||||||||||
[window.]document.getElementById(elementID)
|
|||||||||||||||
要素固有の属性 | |||||||||||||||
|
|||||||||||||||
要素固有のイベントハンドラー属性 | |||||||||||||||
なし |
align | NN 6 IE 4 HTML 4 | |||||||||||||||||||||||
align="alignConstant" | オプション | |||||||||||||||||||||||
行内にあるコンテンツの横方向の位置揃えを設定します。 |
||||||||||||||||||||||||
例 | ||||||||||||||||||||||||
<TR align="center"> |
||||||||||||||||||||||||
値 | ||||||||||||||||||||||||
HTML 4 とさまざまなブラウザでは、実装している属性値が異なります。 center、left、および right は言葉どおりの位置揃えを指します。justify に設定すると、複数行のコンテンツ間に間隔を空け、テキストが左右の端で揃います。char に設定すると、char 属性も設定して位置揃えを適用する文字を指定する必要があります。HTML 4 仕様の例では、文字のないコンテンツは同じ列にある他の行の文字の位置と同じになるように右揃えに表示されます。 align 属性は、テーブルに指定したすべての th 要素を含む、tr 要素内の各セルに適用されることに注意してください。行のヘッダに異なる位置揃えを指定するには、別の align 属性、または tr 要素や個々の th 要素のスタイルシートの text-align 属性で設定を上書きします。
|
||||||||||||||||||||||||
既定値 | ||||||||||||||||||||||||
center |
||||||||||||||||||||||||
オブジェクト参照 | ||||||||||||||||||||||||
[window.]document.getElementById(elementID).align
|
background | NN 4 IE なし HTML なし |
background="URL" | オプション |
セルの行全体の背景として使用されるイメージファイルを示します。ブラウザコンテンツに読み込まれる通常のイメージとは異なり、背景イメージはその元のサイズで読み込まれ (拡大や縮小されることなく)、並んで表示されセル領域を埋めます。小さなイメージは速くダウンロードできますが、背景で繰り返される数が多くなります。Navigator 4 では、最小イメージサイズが 16 16 ピクセルである必要があります。アニメーション GIF も使用できますが、画面が非常に見づらくなります。背景イメージの選択時には、コンテンツが目立つように、メインとなるコンテンツに比べておとなしい色を選択します。背景イメージを使用する必要はありません。もし、使用する場合には目立たないものを選択してください。 |
|
例 | |
<TR background="watermark.jpg"> |
|
値 | |
イメージファイルへの有効な絶対または相対 URL |
|
既定値 | |
なし |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).background
|
bgcolor | NN 3 IE 4 HTML 4 |
bgcolor="RRGGBB カラー 16 進数または色の英単語" | オプション |
tr 要素に含まれるセル (テキストやその他のコンテンツの背景) を塗りつぶすための色を指定します。 |
|
例 | |
<TR bgcolor="lavender"> |
|
値 | |
RGB 値の 16 進数表記または色の名前の英単語。設定しないと "#000000" (黒) として解釈されます。使用できる色の名前については、付録 A を参照してください。 |
|
既定値 | |
ブラウザ、ブラウザのバージョン、OS によって異なります。 |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).bgColor
|
bordercolor | NN なし IE 3 HTML なし |
bordercolor="RRGGBB カラー 16 進数または色の英単語" | オプション |
セルやテーブル全体の周りのボーダー効果を出すピクセルを表示するために使用される色。Internet Explorer では、セルの内側のボーダーを構成する 4 つのラインすべての色を適用します。したがって、隣り合っているセルの色が衝突することはありません。 |
|
例 | |
<TR bordercolor="green"> |
|
値 | |
RGB 値の 16 進数表記または色の名前の英単語。設定しないと "#000000" (黒) として解釈されます。使用できる色の名前については、付録 A を参照してください。 |
|
既定値 | |
ブラウザや OS によって異なります。 |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).borderColor
|
bordercolordark、bordercolorlight | NN なし IE 3 HTML なし |
bordercolordark="RRGGBB カラー 16 進数または色の英単語" bordercolorlight="RRGGBB カラー 16 進数または色の英単語" | オプション |
Internet Explorer では、ページの背景の周りに明るい線と暗い線やデフォルトの色を適切に配置することでテーブルボーダーの 3D 効果が生み出されます。bordercolordark (セルの左と上の端) 属性と bordercolorlight (セルの右と下の端) 属性に値を指定すると、暗い線と明るい線に使用される色を個別に制御できます。 通常、属性のペアには補色を指定します。また、bordercolordark に暗い色を指定しなければならないという規則はありません。これらの属性はセルの特定の辺を制御するためのもので、各属性によってボーダーのどの辺が設定されるかがわかるような名前が付いているだけです。 |
|
例 | |
<TR bordercolordark="darkred" bordercolorlight="salmon"> |
|
値 | |
RGB 値の 16 進数表記または色の名前の英単語。設定しないと "#000000" (黒) として解釈されます。使用できる色の名前については、付録 A を参照してください。 |
|
既定値 | |
OS によって異なります。 |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).borderColorDark [window.]document.getElementById(elementID).borderColorLight |
char | NN 6 IE なし HTML 4 |
char="character" | オプション |
char 属性は、tr 要素に含まれるセル内のテキストの位置揃え点として使用されるテキスト文字を定義します。この属性は "char" に設定された align 属性の値のみを対象とします。Microsoft では ch 属性についてドキュメント化されていますが、これは標準の char 属性に相当します。いずれの場合も、ブラウザはどちらの属性にも応答しません。Netscape 7 には、まだ char 属性のサポートが実装されていません。 |
|
例 | |
<TR align="char" char="."> |
|
値 | |
単一のテキスト文字 |
|
既定値 | |
なし |
charoff | NN なし IE なし HTML 4 |
charoff="length" | オプション |
charoff 属性を使用すると、char 属性に指定された文字が tr 要素に含まれるセル内で表示されるオフセット点を指定できます。この属性はブラウザのデフォルト配置がテーブルのデザインと異なる場合のために用意されています。Microsoft では choff 属性についてドキュメント化されていますが、これは標準の charoff 属性に相当します。いずれの場合も、ブラウザはどちらの属性にも応答しません。Netscape 7 には、まだ charoff 属性のサポートが実装されていません。 |
|
例 | |
<TR align="char" char="." charoff="80%"> |
|
値 | |
ピクセル数で示す長さの値またはセル領域のパーセント値 |
|
既定値 | |
なし |
choff | |
charoff を参照してください。 |
lang | NN 3 IE 4 HTML 4 |
lang="languageCode" | オプション |
要素の属性値およびコンテンツに使用される言語。ブラウザはこの情報を使用して、合字 (特定のフォントでサポートされたり、書き言葉で必要になった場合)、疑問符、およびハイフネーションの処理などの詳細に関して、コンテンツの適切な表示を行います。その他のアプリケーションや検索エンジンでは、スペルチェック辞書の選択やインデックスの作成にこの情報を利用する場合があります。 |
|
例 | |
<SPAN lang="de">Deutsche Bundesbahn</SPAN> |
|
値 | |
大文字と小文字を区別しない言語コード |
|
既定値 | |
ブラウザの既定値 |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).lang
|
valign | NN 6 IE 4 HTML 4 |
valign="alignmentConstant" | オプション |
tr 要素がカバーする列のセル内のコンテンツに対して縦方向の位置揃えを設定します。行内にある特定セルでの縦方向の位置揃えは、上書きすることもできます。 |
|
例 | |
<TR valign="bottom"> |
|
値 | |
4 つの定数値 : top | middle | bottom | baseline。top と bottom ではコンテンツはテーブルセルの一番上と下と同じか、それに一番近い位置に揃います。middle (既定値) に設定するとコンテンツはセルの縦方向の中央に表示されます。通常のウィンドウの幅 (変更可能なテーブル幅と仮定する) で複数行にわたって折り返されるセルコンテンツがある場合、valign 属性を baseline に設定することをお勧めします。この設定を行うと、セルのテキストの最初の (または唯一の) 行の文字ベースラインが、その行にある他の最も外観のよいセルに揃います。 |
|
既定値 | |
middle |
|
オブジェクト参照 | |
[window.]document.getElementById(elementID).vAlign
|