thead 要素

概要

HTML テーブルヘッダ要素 (<thead>) は、テーブルの列のヘッダを表す行のセットを定義します。

使用可能な場所

コンテンツカテゴリ なし
許可された内容 0 個以上の <tr> 要素
タグの省略 開始タグは必須。<thead> 要素の直後に <tbody> 要素または <tfoot> 要素がある場合は終了タグを省略可能。
許可された親要素 <table> 要素。<thead> は (暗黙的に定義されるものであっても) <caption> 要素や <colgroup> 要素の後方かつ <tbody> 要素、<tfoot> 要素、<tr> 要素の前方に配置しなければなりません。
標準文書 HTML5, section 4.9.6 (HTML4.01, section 11.2.3)

属性

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

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

この属性を設定しない場合は、値が 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 の一部バージョンしか実装していませんので、使用しないでください: <thead> 要素は CSS を使用してスタイルをつけましょう。bgcolor 属性と同様の効果を与えるには、CSSbackground-color プロパティを適切な <td> 要素や <th> 要素で使用してください。
char HTML 4 において HTML5 において
この属性は、列内のセルで揃える文字を設定します。典型的な値に、数値や金額を揃えようとするときのピリオド (.) があります。align 属性を char に設定していない場合は、この属性を無視します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
  • char と同じ効果を得るには、CSS3 では text-align プロパティの値として char の値を使用します。未実装
charoff HTML 4 において HTML5 において
この属性は、char 属性で指定した揃え文字から列のデータをオフセットする文字数を示します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。
valign HTML 4 において HTML5 において
この属性は、テーブル本体の各行のセルにおける垂直方向のテキスト配置方法を指定します。以下の値が指定可能です:
  • baseline : テキストを可能な限りセルの下端に近づけますが、下端ではなく文字のベースラインに揃えます。文字がサイズ全体に渡る場合は、bottom と同じ効果になります。
  • bottom : テキストを可能な限りセルの下端に近づけて配置します。
  • middle : テキストをセル内の中央に起きます。
  • top : テキストを可能な限りセルの上端に近づけて配置します。
注記: この属性は最新の標準仕様で廃止された (サポートされていない) ため、使用しないでください。代わりに CSS の vertical-align プロパティを使用してください。

DOM インターフェイス

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

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

ブラウザ実装状況

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

[1] バグ 915 をご覧ください。

[2] バグ 2212 をご覧ください。

関連情報

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

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

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