tbody 要素

概要

HTML Table Body 要素 (<tbody>) は <table> 要素を親として、内部に表の本体を表す 1 個以上の <tr> 要素を定義します (<tr> 要素を table 要素直下の子要素として配置しない場合に限る)。先に配置する <thead><tfoot> 要素とともに <tbody> は、プリンタやディスプレイなどのデバイスに付加的なセマンティック情報を与えます。親 table 要素の子要素で <tbody>は、表がページより長い場合に毎ページ印刷する部分ではないと考えられる箇所を表します。一方 <thead> および <tfoot> は、毎ページ印刷する箇所であると考えられます。ディスプレイではひとつの <table> 要素の中で <tbody> を、<thead><tfoot><caption> の各要素とは別にスクロール可能にするかもしれません。なお <tbody> は thead>、<tfoot>、<caption> 要素と異なり、(一続きであれば) 複数配置することができます。長大な表でデータ行をいくつかのセクションに区切り、必要に応じて個別に整形することが可能です。

使用可能な場所

コンテンツカテゴリ なし
許可された内容 0 個以上の <tr> 要素
タグの省略 <table> 要素をグラフィカルに表示するにあたり、<tbody> 要素は省略可能な子要素です。ただし、<table> 要素の子要素として <tr> 要素が存在する場合は tbody を配置してはいけません。
許可された親要素 <table> 要素。<tbody><caption> 要素、<colgroup> 要素、<thead> 要素または <tfoot> 要素の後に配置しなければなりません。
標準文書 HTML5, section 4.9.5 (HTML4.01, section 11.2.3)

属性

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

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

この属性を設定しない場合は、値が left であるものとします。

注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
  • leftcenterright、または justify と同様の効果を得るには、CSS の text-align プロパティを使用します。
  • CSS3 で値 char と同様の効果を得るには、text-align プロパティの値 char を使用できます 未実装
bgcolor
この属性は、列の各セルの背景色を定義します。値は sRGB で定義された 6 桁の 16 進数値のいずれかで、先頭に '#' を付加します。16 個のあらかじめ定義された色文字列から、1 つを使用することができます。
  black = "#000000"   green = "#008000"
  silver = "#C0C0C0"   lime = "#00FF00"
  gray = "#808080"   olive = "#808000"
  white = "#FFFFFF"   yellow = "#FFFF00"
  maroon = "#800000"   navy = "#000080"
  red = "#FF0000"   blue = "#0000FF"
  purple = "#800080"   teal = "#008080"
  fuchsia = "#FF00FF"   aqua = "#00FFFF"
使用上の注意: この属性は非標準であり Internet Explorer の一部バージョンしか実装していませんので、使用しないでください: <tbody> 要素は CSS を使用してスタイルをつけましょう。bgcolor 属性と同様の効果を与えるには、CSSbackground-color プロパティを適切な <td> 要素や <th> 要素で使用してください。
char HTML 4.01 では HTML5 では
この属性は、列内のセルで揃える文字を設定します。典型的な値に、数値や金額を揃えようとするときのピリオド (.) があります。align 属性を char に設定していない場合は、この属性を無視します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。CSS3 で char と同じ効果を得るには、text-align プロパティの値として char 属性で使用する文字を使用します。未実装
charoff HTML 4.01 では HTML5 では
この属性は、char 属性で指定した揃え文字から列のデータをオフセットする文字数を示します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
valign HTML 4.01 では HTML5 では
<この属性は、テーブル本体の各行のセルにおける垂直方向のテキスト配置方法を指定します。以下の値が指定可能です:
  • baseline : テキストを可能な限りセルの下端に近づけますが、下端ではなく文字のベースラインに揃えます。文字がサイズ全体に渡る場合は、bottom と同じ効果になります。
  • bottom : テキストを可能な限りセルの下端に近づけて配置します。
  • middle : テキストをセル内の中央に起きます。
  • top : テキストを可能な限りセルの上端に近づけて配置します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。代わりに CSS の vertical-align プロパティを使用してください。

DOM インタフェース

この要素は HTMLTableSectionElement インターフェイスを実装しています。

<tbody> 要素の使用例については、<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 属性 未サポート 未サポート (有) 未サポート 未サポート

関連情報

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

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

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