mozilla
Your Search Results

    tbody 要素

    概要

    HTML Table Body 要素 (<tbody>) は、表の本体を表す行のセットを定義します。本体の行は親 <table> の子である <tr> 要素として定義できますので tbody 要素は必須ではありませんが、tbody 要素を与える場合は本体を構成するすべての <tr> 要素を <tbody> 要素内に含めなければなりません。

    使用可能な場所

    コンテンツカテゴリ なし
    許可された内容 0 個以上の <tr> 要素
    タグの省略 最初の子要素が <tr> 要素であり、また終了タグを省略した <thead> 要素、<tfoot> 要素または <tbody> が前にない場合は、開始タグを省略可能。
    <tbody> 要素が <tbody> 要素または <tfoot> 要素の直後にある場合、または親 <table> 要素内に他のコンテンツがない場合は終了タグを省略可能。
    許可された親要素 <table> 要素。<tbody><caption> 要素、<colgroup> 要素または <thead> 要素の後に配置しなければなりません。
    標準文書 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 プロパティ

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

    Contributors to this page: yyss
    最終更新者: yyss,