DOM

：

インターフェイス

：

HTMLTableCellElement インターフェイス

　編集：2022.03.11 by T.A.

→MS（en）

テーブルセルのレイアウトと表示を操作するための特別なプロパティとメソッド（通常の HTMLElement インターフェイス以外にも継承によって利用可能）を提供します。HTMLドキュメント内のヘッダーまたはデータセルのいずれか。

プロパティ

親である HTMLElement からプロパティを継承します。

HTMLTableCellElement.abbr

th 要素（ td 要素ではない）で使用できる文字列、ヘッダーセルの代替ラベルを指定します。この代替ラベルは、他のコンテキストで使用できます。データセルに適用されるヘッダーを記述する場合など。これは、特にスクリーンリーダーで使用するためのより短い用語を提供するために使用され、貴重なアクセシビリティツールです。通常、abbr の値は、略語または頭字語です。ただし、状況に応じて適切な任意のテキストにすることができます。

HTMLTableCellElement.cellIndex 読取専用

セルが含まれる tr 要素のセルコレクション内のセルの位置を表す長整数。セルが tr 要素に属していない場合は、-1を返します。

HTMLTableCellElement.colSpan

このセルがまたがる必要のある列の数を示す符号なしlong integer。これにより、セルはテーブルの複数の列にまたがるスペースを占めることができます。colspan 属性を反映しています。

HTMLTableCellElement.headers 読取専用

セルに関連付けられたヘッダーを表す th 要素のIDのリストを記述する DOMTokenList。これは headers 属性を反映しています。

HTMLTableCellElement.rowSpan

このセルがまたがる必要のある行数を示す符号なし long integer。これにより、セルはテーブルの複数の行にまたがるスペースを占めることができます。これは、rowspan 属性を反映しています。

HTMLTableCellElement.scope

th セルのスコープを示す文字列。ヘッダーセルを構成できます。scope プロパティを使用して、指定された行または列に適用します。または、現在の行グループ内のまだスコープされていないセル（つまり、同じ祖先 thead、tbody、または tfoot 要素）。スコープに値が指定されていない場合、ヘッダーはこの方法でセルに直接関連付けられません。スコープに許可される値は次のとおりです：

col: ヘッダーセルは、同じ列（または複数の列、colspanも使用されている場合）、列の終わりまたは列の別の th が新しいスコープを確立するまで。
colgroup: ヘッダーセルは、スコープがまだ適用されていない現在の列グループ内のすべてのセルに適用されます。この値は、セルが列グループにある場合にのみ許可されます。
row: ヘッダーセルは、同じ行（または複数の行、行スパンも使用されている場合）、行の終わりまたは同じ行の別の th が新しいスコープを確立するまで。
rowgroup: ヘッダーセルは、スコープがまだ適用されていない現在の行グループ内のすべてのセルに適用されます。この値は、セルが行グループにある場合にのみ許可されます。
ヌル string（""）: ヘッダーセルには事前定義されたスコープはありません。ユーザーエージェントは、コンテキストの手がかりに基づいてスコープを確立します。

メソッド

特定の方法はありません。親である HTMLElement からメソッドを継承します。

非推奨のプロパティ

警告：これらのプロパティは廃止されたため、使用しないでください。それらは主に古いコードベースを理解するのを助けるために文書化されています。

HTMLTableCellElement.align 廃止: align 属性を反映する列挙値を含む文字列。これは、周囲のコンテキストに対する要素のコンテンツの配置を示します。可能な値は、「left」、「right」、および「center」です。
HTMLTableCellElement.axis 廃止: 仮想のセルをグループ化する名前を含む文字列。これは、廃止された axis 属性を反映しています。
HTMLTableCellElement.bgColor 廃止: セルの背景色を含む文字列。これは、廃止された bgcolor 属性を反映しています。
HTMLTableCellElement.ch 廃止: 1 文字を含む文字列。この文字は、列のすべてのセルを揃える文字です。文字を反映し、デフォルトで言語に関連付けられた小数点になります。英語の場合はたとえば '.'、フランス語の場合は「,」。このプロパティはオプションであり、あまりサポートされていませんでした。
HTMLTableCellElement.chOff 廃止: 右側に残しておく必要のある文字数を示す整数を含む文字列（左から右へのスクリプトの場合、または左から左へのスクリプトの場合）HTMLTableCellElement.ch によって定義された文字の。
このプロパティはオプションであり、あまりサポートされていませんでした。
HTMLTableCellElement.height 廃止: セルのヒントの高さのピクセルの長さを含む文字列。これは、廃止された height 属性を反映しています。
HTMLTableCellElement.noWrap 廃止: nowrap 属性を反映し、セルの内容を数行に分割できるかどうかを示すブール値。
HTMLTableCellElement.vAlign 廃止: セルのコンテンツを垂直方向に整列する方法を示す列挙値を表す文字列。これは valign 属性を反映し、次のいずれかの値を持つことができます：「top」、「middle」、「bottom」、または「baseline」。代わりに、CSSの vertical-align プロパティを使用してください。
HTMLTableCellElement.width 廃止: セルの幅のピクセル数を指定する文字列を描画する必要があります、もし可能なら。このプロパティは、廃止された width 属性も反映しています。代わりに CSS widthプロパティを使用してください。

テスト

ここに表示

スクリプト：

スクリプト：

表示内容：