recursal/MDN huggingface dataset:
SpeechRecognitionEvent.resultIndex
==================================

**`resultIndex`** は `SpeechRecognitionEvent` のインターフェイスの読み取り専用プロパティで、 `SpeechRecognitionResultList` (en-US) 「配列」の中で最も小さな添字を結果として返します。

`SpeechRecognitionResultList` (en-US) オブジェクトは配列ではありませんが、配列構文でアクセスできるようにゲッターがあります。

値
-

数値です。

例
-


```js
recognition.onresult = (event) => {
  const color = event.results[0][0].transcript;
  diagnostic.textContent = `Result received: ${color}.`;
  bg.style.backgroundColor = color;
  console.log(event.resultIndex); // returns 0 if there is only one result
};
```

仕様書
---

| Specification |
| --- |
| Web Speech API # dom-speechrecognitionevent-resultindex |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ウェブ音声 API
SpeechRecognitionEvent.emma
===========================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**非標準:** この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

**`emma`** は `SpeechRecognitionEvent` インターフェイスの読み取り専用プロパティで、結果の Extensible MultiModal Annotation markup language (EMMA) — XML — 表現を返します。

**メモ:** EMMA は EMMA: Extensible MultiModal Annotation markup language 仕様書で定められています。この仕様書に複数の EMMA の例があります。

値
-

有効な XML 文書。正確な内容はユーザーエージェントや認識エンジンによって異なるが、対応している実装はすべて EMMA 名前空間を含む有効な XML 文書を公開します。音声認識システムが EMMA データを提供しない場合、ユーザーエージェントは `null` を返します。

例
-


```js
recognition.onresult = (event) => {
  const color = event.results[0][0].transcript;
  diagnostic.textContent = `Result received: ${color}.`;
  bg.style.backgroundColor = color;
  console.log(event.emma);
};
```

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ウェブ音声 API
SpeechRecognitionEvent.interpretation
=====================================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**非標準:** この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

**`interpretation`** は `SpeechRecognitionEvent` インターフェイスの読み取り専用プロパティで、ユーザーが何を言ったかの意味論的な意味づけを返します。

これは、例えば、文法における意味づけの SISR 仕様書によって決定されるかも しれません（仕様と例については、 Semantic Interpretation for Speech Recognition (SISR) Version 1.0 を参照してください）。

値
-

返される値はあらゆる型になる可能性があります。音声認識システムから意味づけが返されなかった場合、 `null` が返されます。

例
-


```js
recognition.onresult = (event) => {
  const color = event.results[0][0].transcript;
  diagnostic.textContent = `Result received: ${color}.`;
  bg.style.backgroundColor = color;
  console.log(event.interpretation);
};
```

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* ウェブ音声 API
BroadcastChannel.close()
========================

Baseline 2022
-------------

Newly availableSince March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Learn more
* See full compatibility
* Report feedback
**`BroadcastChannel.close()`** は、基礎となるチャンネルへの接続を終了し、オブジェクトをガベージコレクションできるようにします。 このチャンネルがもう必要ないことをブラウザーが知る他の方法はないので、これは実行するのに必要なステップです。

**注:** この機能は Web Worker 内で利用可能です

構文
--


```js
channel.close()
```

例
-


```js
// チャンネルに接続
const bc = new BroadcastChannel("test\_channel");

// その他の操作（postMessage など）

// 終了したら、チャンネルから切断します
bc.close();
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-broadcastchannel-close-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `BroadcastChannel`: 所属するインターフェイス。
BroadcastChannel.name
=====================

Baseline 2022
-------------

Newly availableSince March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Learn more
* See full compatibility
* Report feedback
**`BroadcastChannel.name`** は読み取り専用のプロパティで、指定されたチャンネルをその名前で一意に識別する文字列を返します。 この名前は作成時に `BroadcastChannel()` コンストラクターに渡されるため、読み取り専用です。

**注:** この機能は Web Worker 内で利用可能です

値
-

文字列です。

例
-


```js
// チャンネルに接続
const bc = new BroadcastChannel("test\_channel");

// その他の操作（postMessage など）

// チャンネル名をコンソールに記録します
console.log(bc.name); // "test\_channel"

// 終了したら、チャンネルから切断します
bc.close();
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-broadcastchannel-name-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `BroadcastChannel`: 所属するインターフェイス。
BroadcastChannel: messageerror イベント
===================================

Baseline 2022
-------------

Newly availableSince March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Learn more
* See full compatibility
* Report feedback
`messageerror` イベントは、シリアル化を解釈できないメッセージがチャンネルに到着したときに `BroadcastChannel` オブジェクト上で発生します。

構文
--

このイベント名を `addEventListener()` のようなメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。


```js
addEventListener("messageerror", (event) => { })
onmessageerror = (event) => { }
```

イベント型
-----

`MessageEvent` です。 `Event` を継承しています。

Event

MessageEventイベントプロパティ
---------

*このインターフェイスは親である `Event` からプロパティを継承しています。*

`MessageEvent.data` 読取専用 

メッセージ送信元によって送信されたデータです。

`MessageEvent.origin` 読取専用 

文字列で、メッセージ送信元のオリジンを表します。

`MessageEvent.lastEventId` 読取専用 

文字列で、このイベントの一意の ID を表します。

`MessageEvent.source` 読取専用 

メッセージイベントソース、すなわち WindowProxy、`MessagePort`、`ServiceWorker` の何れかのオブジェクトで、メッセージの送信元を表します。

`MessageEvent.ports` 読取専用 

`MessagePort` オブジェクトの配列で、メッセージが送信されるチャンネルに関連するポートを表します（チャンネルメッセージングや、共有ワーカーにメッセージを送信する場合など、適切な場合）。

例
-

このコードは `addEventListener` を使用してメッセージとエラーを待ち受けします。


```js
const channel = new BroadcastChannel("example-channel");

channel.addEventListener("message", (event) => {
  received.textContent = event.data;
});

channel.addEventListener("messageerror", (event) => {
  console.error(event);
});
```


上と同じですが、 `onmessage` と `onmessageerror` のイベントハンドラープロパティを使用します。


```js
const channel = new BroadcastChannel("example-channel");

channel.onmessage = (event) => {
  received.textContent = event.data;
};

channel.onmessageerror = (event) => {
  console.log(event);
};
```

仕様書
---

| Specification |
| --- |
| HTML Standard # event-messageerror |
| HTML Standard # handler-broadcastchannel-onmessageerror |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* 関連イベント: `message`
BroadcastChannel()
==================

Baseline 2022
-------------

Newly availableSince March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Learn more
* See full compatibility
* Report feedback
**`BroadcastChannel()`** コンストラクターは、新しい `BroadcastChannel` を作成し、それを基礎となるチャンネルに接続します。

**注:** この機能は Web Worker 内で利用可能です

構文
--


```js
new BroadcastChannel(channelName)
```

### 値

`channelName`

文字列で、チャンネルの名前を表します。 同じオリジンを持つすべての閲覧コンテキストに対して、この名前を持つ単一のチャンネルがあります。

例
-


```js
// "internal\_notification" チャンネルをリッスンする新しいチャンネルを作成します。

const bc = new BroadcastChannel("internal\_notification");
bc.postMessage("New listening connected!");
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-broadcastchannel-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `BroadcastChannel`: 所属するインターフェイス。
BroadcastChannel.postMessage()
==============================

Baseline 2022
-------------

Newly availableSince March 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Learn more
* See full compatibility
* Report feedback
**`BroadcastChannel.postMessage()`** は、任意の種類の `Object` のメッセージを、同じオリジンを持つ任意の閲覧コンテキスト内の各リスナーに送信します。 メッセージは、チャンネルに結び付けられた各 `BroadcastChannel` を対象とした 'message' イベントとして送信します。

**注:** この機能は Web Worker 内で利用可能です

構文
--


```js
channel.postMessage(message)
```

### 引数

`message`

 他のウィンドウに送信するデータ。データは構造化複製アルゴリズムを使用してシリアライズされます。
 つまり、様々なデータオブジェクトを自分でシリアライズすることなく、安全に出力先のウィンドウに渡すことができます。


### 返値

なし。

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-broadcastchannel-postmessage-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `BroadcastChannel`: 所属するインターフェイス。
HTMLTableElement: rows プロパティ
============================

`HTMLTableElement` の **`rows`** プロパティは読み取り専用で、表のすべての行を表す生きた `HTMLCollection` を返し、すべての `<thead>`, `<tfoot>`, `<tbody>` 要素に含まれる行を示します。

プロパティ自身は読み取り専用ですが、返されたオブジェクトは生きており、内容を変更することができます。

値
-

`HTMLCollection` で、 `HTMLTableRowElement` オブジェクトのライブで更新されるリストを提供し、この表に含まれるすべての `<tr>` 要素を表します。これにより、この表のすべての行を、手作業で探す必要なくすばやくアクセスすることができます。

例
-


```js
myrows = mytable.rows;
firstRow = mytable.rows[0];
lastRow = mytable.rows.item(mytable.rows.length - 1);
```


これは、配列構文（2 行目）と `HTMLCollection.item()` メソッド（3 行目）の両方を使用して、表の個々の行を取得する方法を示しています。

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-rows-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: createTBody() メソッド
====================================

**`createTBody()`** は `HTMLTableElement` オブジェクトのメソッドで、この `<table>` に関連付けられた新しい `<tbody>` 要素を返します。

**メモ:** `HTMLTableElement.createTHead()` や `HTMLTableElement.createTFoot()` とは異なり、 `createTBody()` は既に 1 つ以上の本体があった場合でも、必ず新しい `<tbody>` 要素を生成します。その場合、新しいものは既存のものの後に挿入されます。

構文
--


```js
createTBody()
```

### 引数

なし。

### 返値

`HTMLTableSectionElement`例
-


```js
let mybody = mytable.createTBody();
// mybody === mytable.tBodies.item(mytable.tBodies.length - 1) は真になります
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-createtbody-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: tBodies プロパティ
===============================

**`HTMLTableElement.tBodies`** は読み取り専用のプロパティで、生きた `HTMLCollection` で `<table>` の本体を返します。

このプロパティは読み取り専用ですが、返値のオブジェクトは生きており、内部を変更することができます。

返されるコレクションには、暗黙の `<tbody>` 要素を含みます。例えば、


```html
<table>
  <tr>
    <td>セル 1</td>
  </tr>
</table>
```


上記の HTML から生成される HTML DOM には、 HTML ソースにタグが含まれていなくても、 `<tbody>` 要素が存在しています。

値
-

生きた `HTMLCollection` です。

例
-

このスニペットは、表の中の本体の数を数えます。


```js
mytable.tBodies.length;
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-tbodies-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `HTMLCollection`
* `<tbody>`
HTMLTableElement: deleteTHead() メソッド
====================================

**`HTMLTableElement.deleteTHead()`** は、 `<thead>` 要素をこの `<table>` から取り除きます。

構文
--


```js
deleteTHead()
```

### 引数

なし。

### 返値

なし (`undefined`)。

例
-

この例は、 JavaScript を使用して表のヘッダーを削除します。

### HTML


```html
<table>
  <thead>
    <th>名前</th>
    <th>職業</th>
  </thead>
  <tr>
    <td>Bob</td>
    <td>配管工</td>
  </tr>
  <tr>
    <td>Jim</td>
    <td>屋根職人</td>
  </tr>
</table>
```

### JavaScript


```js
let table = document.querySelector("table");
table.deleteTHead();
```

### 結果

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-deletethead-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: deleteRow() メソッド
==================================

**`HTMLTableElement.deleteRow()`** メソッドは、特定の行 (`<tr>`) をこの `<table>` から削除します。

構文
--


```js
deleteRow(index)
```

### 引数

`index`

`index` は整数で、削除する行を表します。
 ただし、特殊な値 `-1` を使用すると、表の最後の行を削除することができます。


### 返値

なし (`undefined`)。

### 例外

`IndexSizeError` `DOMException`

`index` が利用可能な行数以上である場合、あるいは負の数で、表の最終行を表す特別な値 `-1` ではない場合に発生します。

例
-

この例は、 JavaScript を使用して表の 2 番目の行を削除します。

### HTML


```html
<table>
  <tr>
    <td>セル 1.1</td>
    <td>セル 1.2</td>
    <td>セル 1.3</td>
  </tr>
  <tr>
    <td>セル 2.1</td>
    <td>セル 2.2</td>
    <td>セル 2.3</td>
  </tr>
  <tr>
    <td>セル 3.1</td>
    <td>セル 3.2</td>
    <td>セル 3.3</td>
  </tr>
</table>
```

### JavaScript


```js
let table = document.querySelector("table");

// 2 番目の行を削除
table.deleteRow(1);
```

### 結果

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-deleterow-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: insertRow() メソッド
==================================

**`HTMLTableElement.insertRow()`** メソッドは、新しい行を表す (`<tr>`) をこの `<table>` に挿入し、その新しい行への参照を返します。

表に複数の `<tbody>` 要素があった場合、既定では、新しい行は最後の `<tbody>` に挿入されます。指定した `<tbody>` にこの行を挿入するには、次のようにします。


```js
let specific_tbody = document.getElementById(tbody_id);
let row = specific_tbody.insertRow(index);
```


**メモ:** `insertRow()` は、表に直接行を挿入します。 `Document.createElement()` を使用して新しい `<tr>` 要素を作成する場合のように、行を個別に追加する必要はありません。

構文
--


```js
insertRow()
insertRow(index)
```


`HTMLTableElement` は HTML の `<table>` 要素への参照です。

### 引数

`index` 省略可

 新しい行の位置です。 `index` が `-1` または行数と同じであった場合は、最後の行として追加されます。
 `index` を省略した場合の既定値は `-1` です。


### 返値

新しい行を参照する `HTMLTableRowElement` です。

### 例外

`IndexSizeError` `DOMException`

`index` が行数よりも大きい場合に発生します。

例
-

この例では `insertRow(-1)` を使用して、表に新しい行を追加します。

それから `HTMLTableRowElement.insertCell()` を使用して新しいセルをその行に追加します。（有効な HTML にするためには、 `<tr>` には 1 つ以上の `<td>` 要素が必要です。）最後に、 `Document.createTextNode()` と `Node.appendChild()` を使用してそのセルにテキストを追加します。

### HTML


```html
<table id="my-table">
  <tr>
    <td>行 1</td>
  </tr>
  <tr>
    <td>行 2</td>
  </tr>
  <tr>
    <td>行 3</td>
  </tr>
</table>
```

### JavaScript


```js
function addRow(tableID) {
  // 表への参照を取得
  let tableRef = document.getElementById(tableID);

  // 表の末尾に行を挿入
  let newRow = tableRef.insertRow(-1);

  // その行の 0 の位置にセルを挿入
  let newCell = newRow.insertCell(0);

  // そのセルにテキストノードを追加
  let newText = document.createTextNode("新しい最下行");
  newCell.appendChild(newText);
}

// addRow() を表の ID で呼び出す
addRow("my-table");
```

### 結果

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-insertrow-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `HTMLTableRowElement.insertCell()`
* 行を表す HTML 要素: `HTMLTableRowElement`
HTMLTableElement: bgColor プロパティ
===============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`bgcolor`** は `HTMLTableElement` のプロパティで、この表の背景色を表します。

**メモ:** この属性は使用しないでください。代わりに、 CSS の `background-color` プロパティをその要素の `style` オブジェクトで変更するか、スタイルルールを使用するかしてください。

値
-

色の値を表す文字列です。

例
-


```js
// 表の背景色をライトブルーに設定
const t = document.getElementById("TableA");
t.bgColor = "lightblue";
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-bgcolor |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* `background-color`
HTMLTableElement: cellPadding プロパティ
===================================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`HTMLTableElement.cellPadding`** プロパティは、表のそれぞれのセルの周囲にあるパディングを表します。

値
-

文字列で、ピクセル数（例えば "10"）またはパーセント値（例えば "10%"）を表します。

例
-


```js
// セルのパディングを 10 ピクセルに設定
let t = document.getElementById("TableA");
t.cellPadding = "10";
```

仕様書
---

* W3C DOM 2 HTML Specification *HTMLTableElement.cellPadding*.
ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: deleteTFoot() メソッド
====================================

**`HTMLTableElement.deleteTFoot()`** は、 `<tfoot>` 要素をこの `<table>` から取り除きます。

構文
--


```js
deleteTFoot()
```

### 引数

なし。

### 返値

なし (`undefined`)。

例
-

この例は、 JavaScript を使用して表のフッターを削除します。

### HTML


```html
<table>
  <thead>
    <th>名前</th>
    <th>スコア</th>
  </thead>
  <tr>
    <td>Bob</td>
    <td>541</td>
  </tr>
  <tr>
    <td>Jim</td>
    <td>225</td>
  </tr>
  <tfoot>
    <th>平均</th>
    <td>383</td>
  </tfoot>
</table>
```

### JavaScript


```js
let table = document.querySelector("table");
table.deleteTFoot();
```

### 結果

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-deletetfoot-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: cellSpacing プロパティ
===================================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

代わりに CSS の `border-spacing` プロパティを使うべきですが、旧式の `HTMLTableElement` インターフェースの **`cellSpacing`** プロパティは、表のセルを表す個々の `<th>` および `<td>` 要素の周りの間隔を表わします。任意の 2 つのセルは、それぞれの `cellSpacing` の合計値で区切られます。

値
-

文字列で、ピクセル数（例えば `"10"`）またはパーセント値（`"10%"` など）です。

例
-

This example sets cell spacing for a given table to 10 pixels.


```js
const t = document.getElementById("TableA");
t.cellSpacing = "10";
```

仕様書
---

* W3C DOM 2 HTML Specification *HTMLTableElement.cellSpacing*.
ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: border プロパティ
==============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`HTMLTableElement.border`** プロパティは、 `<table>` 要素の境界の幅を表します。

値
-

文字列で、境界の幅をピクセル単位で表します。

例
-


```js
// 表の境界を 2 ピクセルに設定
const t = document.getElementById("TableA");
t.border = "2";
```

仕様書
---

W3C DOM 2 HTML Specification *HTMLTableElement.border*.

この属性は HTML 4.0 で非推奨になりました。

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: rules プロパティ
=============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`HTMLTableElement.rules`** プロパティは、表の中でセルのどの境界を描画するかを示します。

値
-

以下のいずれかです。

`none`

境界なし

`groups`

グループ間の線のみ

`rows`

行間の線

`cols`

列間の線

`all`

すべてのセルの間の線

例
-


```js
// テーブルの内部の境界をすべてオンにする
const t = document.getElementById("TableID");
t.rules = "all";
```

仕様書
---

* W3C DOM 2 HTML Specification
ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: align プロパティ
=============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`HTMLTableElement.align`** プロパティは、表の配置を表します。

値
-

以下の文字列値のいずれかです。

* `left`
* `center`
* `right`
例
-


```js
// 表の位置を設定
const t = document.getElementById("TableA");
t.align = "center";
```

仕様書
---

* W3C DOM 2 HTML Specification *HTMLTableElement.align*.
ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: tHead プロパティ
=============================

**`HTMLTableElement.tHead`** は `<table>` の `<thead>` 要素を表します。そのような要素がない場合は、この値は `null` になります。

構文
--


```js
thead_element = table.tHead;
table.tHead = thead_element;
```

### 引数

* `thead_element` は `HTMLTableSectionElement` です。
例
-


```js
if (table.tHead == my_head_el) {
  // ...
}
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-thead-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* このプロパティを実装しているインターフェイス: `HTMLTableElement`
HTMLTableElement: frame プロパティ
=============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

`HTMLTableElement` インターフェイスの **`frame`** プロパティは、文字列で表の外部の境界のうちどれを描画するかを示します。

値
-

以下のいずれかです。

`void`

どの辺も描画しません。これが既定値です。

`"above"`

上端の辺

`"below"`

下端の辺

`"hsides"`

上下の辺のみ

`"vsides"`

左右の辺のみ

`"lhs"`

左側の辺のみ

`"rhs"`

右側の辺のみ

`"box"`

4 つすべての辺

`"border"`

4 つすべての辺

例
-


```js
// TableA の枠を 'border' に設定
const t = document.getElementById("TableA");
t.frame = "border";
t.border = "2px";
```

仕様書
---

* W3C DOM 2 HTML Specification
ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: createTFoot() メソッド
====================================

**`createTFoot()`** は `HTMLTableElement` オブジェクトのメソッドで、この `<table>` に関連付けられた `<tfoot>` 要素を返します。表内にフッターが存在しない場合、このメソッドはそれを作成して返します。

**メモ:** フッターが存在しない場合、 `createTFoot()` は新しいフッターを表に直接挿入します。 `Document.createElement()` を使用して新しい `<tfoot>` 要素を作成する場合とは異なり、フッターを別途追加する必要はありません。

構文
--


```js
createTFoot()
```

### 引数

なし。

### 返値

`HTMLTableSectionElement`例
-


```js
let myfoot = mytable.createTFoot();
// myfoot === mytable.tFoot は真になります
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-createtfoot-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: summary プロパティ
===============================

**非推奨:** この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

**`HTMLTableElement.summary`** プロパティは表の説明を表します。

値
-

文字列です。

例
-


```js
HTMLTableElement.summary = "Usage statistics";
```

仕様書
---

* W3C DOM 2 HTML Specification
ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: createTHead() メソッド
====================================

**`createTHead()`** は `HTMLTableElement` オブジェクトのメソッドで、この `<table>` に関連付けられた `<thead>` 要素を返します。表内にヘッダーが存在しない場合、このメソッドはそれを作成して返します。

**メモ:** ヘッダーが存在しない場合、 `createTHead()` は新しいヘッダーを表に直接挿入します。 `Document.createElement()` を使用して新しい `<thead>` 要素を作成する場合とは異なり、ヘッダーを別途追加する必要はありません。

構文
--


```js
createTHead()
```

### 引数

なし。

### 返値

`HTMLTableSectionElement`例
-


```js
let myhead = mytable.createTHead();
// myhead === mytable.tHead は真になります
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-createthead-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
HTMLTableElement: caption プロパティ
===============================

**`HTMLTableElement.caption`** プロパティは表のキャプションを表します。この表に関連付けられた caption 要素がない場合は、このプロパティは `null` になります。

値
-

文字列です。

例
-


```js
if (table.caption) {
  // キャプションに対して何かを行う
}
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-caption-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* このインターフェイスを実装しているプロパティ: `HTMLTableElement`
HTMLTableElement: tFoot プロパティ
=============================

**`HTMLTableElement.tFoot`** プロパティは、 `<table>` にある `<tfoot>` 要素を表します。そのような要素がない場合は、この値は `null` になります。

値
-

`<tfoot>` 要素または `null` です。

例
-


```js
if (table.tFoot === my_foot) {
  // …
}
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-table-tfoot-dev |

ブラウザーの互換性
---------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

関連情報
----

* このプロパティを実装しているインターフェイス: `HTMLTableElement`