<th>要素

<th>要素の定義

英語の”table”＋”head”より。表のセルのグループ用のヘッダーとなるセルを指定できます。（いわゆる見出しセル）

子要素として使用できるもの

フローコンテンツが指定できます。ただし、ヘッダー、フッター、区分コンテンツ、見出しコンテンツを除きます。

親要素として使えるもの

<tr> 要素のみが使用できます。

許可されているARIAロール

すべて

DOMインターフェース

HTMLTableHeaderCellElement

属性

グローバル属性が指定できます。

abbr

セルの内容の簡潔な説明を記述します。読み上げソフトなどでは、内容の前にこちらを使用する場合もあります。

colspan

セルを複数の列にまたがって広げる際に使用します。正の整数を指定します。デフォルト値は1です。

headers

空白文字で区切られた文字列のリストを持ちます。各々の文字列は、この要素に当てはめる<th>要素の id属性と対応します。

rowspan

セルを複数の行にまたがって広げる際に使用します。正の整数を指定します。デフォルト値は1です。
なお、0を指定した場合、セルが属する表セクション（ <thead> 、<tbody> 、<tfoot> の各要素）の終端まで拡張します。

scope

見出し要素が関連するセルを定義します。

• row ：この見出しはその行に属するすべてのセルに関連します。
• col ：この見出しはその列に属するすべてのセルに関連します。
• rowgroup ：この見出しは行グループに属し、その中のすべてのセルに関連します。これらのセルは <table> 要素の dir属性 の値によって、見出しの右又は左に配置されます。
• colgroup ：この見出しは列グループに属し、その中のすべてのセルに関連します。
• auto（デフォルト値）

サンプル

See the Pen GbYjMZ by Masahiko Iwakiri (@m-iwakiri) on CodePen.