recursal/MDN huggingface dataset:
HTMLTableElement: deleteCaption() メソッド
======================================

**`HTMLTableElement.deleteCaption()`** メソッドは、 `<caption>` 要素をこの `<table>` から削除します。この表に関連付けられた `<caption>` 要素がない場合は、このメソッドは何もしません。

構文
--


```js
deleteCaption()
```

### 引数

なし。

### 返値

なし (`undefined`)。

例
-

この例は、 JavaScript を使用して表のキャプションを削除します。

### HTML


```html
<table>
  <caption>
    このキャプションは削除されます。
  </caption>
  <tr>
    <td>セル 1.1</td>
    <td>セル 1.2</td>
  </tr>
  <tr>
    <td>セル 2.1</td>
    <td>セル 2.2</td>
  </tr>
</table>
```

### JavaScript


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

### 結果

仕様書
---

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

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

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

**`HTMLTableElement.createCaption()`** メソッドは、この `<table>` に関連付けられた `<caption>` 要素を返します。
 この表に `<caption>` 要素がない場合が、このメソッドは生成して返します。

**メモ:** キャプションが存在しない場合、 `createCaption()` は新しいキャプションを表に直接挿入します。 `Document.createElement()` を使用して新しい `<caption>` 要素を生成する場合とは異なり、キャプションを個別に追加する必要はありません。

構文
--


```js
createCaption()
```

### 引数

なし。

### 返値

`HTMLTableCaptionElement`例
-

この例は JavaScript を使用して、表に最初は存在しないキャプションを追加します。

### 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>
</table>
```

### JavaScript


```js
let table = document.querySelector("table");
let caption = table.createCaption();
caption.textContent = "このキャプションは JavaScript で生成されました。";
```

### 例

仕様書
---

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

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

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

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

**`HTMLTableElement.width`** プロパティは、表の推奨される幅を表します。

値
-

文字列で、幅をピクセル数またはパーセント値で表します。

例
-


```js
mytable.width = "75%";
```

仕様書
---

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

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

ユーザーがクリックした通知ボタンの文字列 ID を返します。ユーザーがアクションボタン以外の場所で通知をクリックした場合、または通知にボタンがない場合、この値は空の文字列を返します。通知 ID は、アクション配列属性を介した通知の作成中に設定され、通知が置き換えられない限り変更することはできません。

返値
--

`DOMString` オブジェクト。

例
-


```js
self.registration.showNotification("New articles available", {
  actions: [{ action: "get", title: "Get now." }],
});

self.addEventListener(
  "notificationclick",
  function (event) {
    event.notification.close();
    if (event.action === "get") {
      synchronizeReader();
    } else {
      clients.openWindow("/reader");
    }
  },
  false,
);
```

仕様書
---

| Specification |
| --- |
| Notifications API Standard # dom-notification-actions |

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

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

`notification` は `NotificationEvent` インターフェイスの読取専用プロパティで、クリックされてイベントを発行した `Notification` のインスタンスを返します。 `Notification` は `tag` や `data` 属性など、 Notification のインスタンス化時に設定された多くのプロパティへの読み取り専用アクセスを提供しており、あとで `notificationclick` イベントで使用するための情報を保存することができます。

返値
--

`Notification` オブジェクト。

例
-


```js
self.addEventListener("notificationclick", function (event) {
  console.log("On notification click");

  // Data can be attached to the notification so that you
  // can process it in the notificationclick handler.
  console.log("Notification Tag:", event.notification.tag);
  console.log("Notification Data:", event.notification.data);
  event.notification.close();

  // This looks to see if the current is already open and
  // focuses if it is
  event.waitUntil(
    clients
      .matchAll({
        type: "window",
      })
      .then(function (clientList) {
        for (var i = 0; i < clientList.length; i++) {
          var client = clientList[i];
          if (client.url == "/" && "focus" in client) return client.focus();
        }
        if (clients.openWindow) return clients.openWindow("/");
      }),
  );
});
```

仕様書
---

| Specification |
| --- |
| Notifications API Standard # ref-for-dom-notificationevent-notification |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
NotificationEvent.NotificationEvent()
=====================================

**`NotificationEvent()`** コンストラクターは、新しい `NotificationEvent` オブジェクトを生成します。

構文
--
```

var myNotificationEvent = new NotificationEvent(type, NotificationEventInit);
```

### 引数

`type`

TBD

`NotificationEventInit` 省略可

イベントが配信される通知として使用される `Notification` オブジェクトを含む辞書オブジェクト。この仕様書の後の草稿では、このパラメータはオプションではありません。

例
-


```js
var n = new Notification("Hello");
var init = { notification: n };
var myNotificationEvent = new NotificationEvent(type, init);
```

仕様書
---

| Specification |
| --- |
| Notifications API Standard # dom-notificationevent-notificationevent |

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

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

**`album`** は `MediaMetaData` インターフェイスのプロパティで、再生するメディアを含むアルバムまたはコレクションの名前を返したり設定したりします。

値
-

文字列で、アルバムの名前を保持します。

例
-

以下の例では、ブラウザーとの互換性を調べ、メディアセッションの現在のメタデータを設定しています。


```js
if ("mediaSession" in navigator) {
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Unforgettable",
    artist: "Nat King Cole",
    album: "The Ultimate Collection (Remastered)",
    artwork: [
      {
        src: "https://dummyimage.com/96x96",
        sizes: "96x96",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/128x128",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/192x192",
        sizes: "192x192",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/256x256",
        sizes: "256x256",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/384x384",
        sizes: "384x384",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/512x512",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  });
}
```

仕様書
---

| Specification |
| --- |
| Media Session # dom-mediametadata-album |

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

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

**`artist`** は `MediaMetaData` インターフェイスのプロパティで、再生されるメディアのアーティスト、グループ、作者の名前を返したり設定したりします。

値
-

アーティストの名前を保持する文字列です。

例
-

以下の例では、ブラウザーとの互換性を調べ、メディアセッションの現在のメタデータを設定しています。


```js
if ("mediaSession" in navigator) {
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Unforgettable",
    artist: "Nat King Cole",
    album: "The Ultimate Collection (Remastered)",
    artwork: [
      {
        src: "https://dummyimage.com/96x96",
        sizes: "96x96",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/128x128",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/192x192",
        sizes: "192x192",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/256x256",
        sizes: "256x256",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/384x384",
        sizes: "384x384",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/512x512",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  });
}
```

仕様書
---

| Specification |
| --- |
| Media Session # dom-mediametadata-artist |

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

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

**`title`** は `MediaMetaData` インターフェイスのプロパティで、再生されるメディアのタイトルを返したり設定したりします。

値
-

文字列で、メディアのタイトルを保持します。

例
-

以下の例では、ブラウザーとの互換性を調べ、メディアセッションの現在のメタデータを設定しています。


```js
if ("mediaSession" in navigator) {
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Unforgettable",
    artist: "Nat King Cole",
    album: "The Ultimate Collection (Remastered)",
    artwork: [
      {
        src: "https://dummyimage.com/96x96",
        sizes: "96x96",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/128x128",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/192x192",
        sizes: "192x192",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/256x256",
        sizes: "256x256",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/384x384",
        sizes: "384x384",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/512x512",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  });
}
```

仕様書
---

| Specification |
| --- |
| Media Session # dom-mediametadata-title |

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

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

**`artwork`** は `MediaMetaData` インターフェイスのプロパティで、再生するメディアに関連付けられた画像を表す `MediaImage` (en-US) オブジェクトの配列を返します。
 media.

値
-

`MediaImage` (en-US) オブジェクトの配列 (`Array`) です。

例
-

以下の例では、ブラウザーとの互換性を調べ、メディアセッションの現在のメタデータを設定しています。


```js
if ("mediaSession" in navigator) {
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Unforgettable",
    artist: "Nat King Cole",
    album: "The Ultimate Collection (Remastered)",
    artwork: [
      {
        src: "https://dummyimage.com/96x96",
        sizes: "96x96",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/128x128",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/192x192",
        sizes: "192x192",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/256x256",
        sizes: "256x256",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/384x384",
        sizes: "384x384",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/512x512",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  });
}
```

仕様書
---

| Specification |
| --- |
| Media Session # dom-mediametadata-artwork |

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

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

関連情報
----

* `MediaImage` (en-US)
MediaMetadata()
===============

**`MediaMetadata()`** コンストラクターは、新しい `MediaMetadata` オブジェクトを作成します。

構文
--


```js
new MediaMetadata()
new MediaMetadata(metadata)
```

### 引数

`metadata` 省略可

metadata 引数は次の通りです。

* `title`: 再生されるメディアのタイトル。
* `artist`: 再生されるメディアのアーティスト、グループ、作者の名前。
* `album`: 再生されるメディアを含むアルバムまたはコレクションの名前。
* `artwork`: 再生するメディアに関連付けられた画像の配列。

例
-

以下の例では、正しい形式のメタデータを使用して新しい `MediaMetadata` オブジェクトを作成します。


```js
if ("mediaSession" in navigator) {
  navigator.mediaSession.metadata = new MediaMetadata({
    title: "Unforgettable",
    artist: "Nat King Cole",
    album: "The Ultimate Collection (Remastered)",
    artwork: [
      {
        src: "https://dummyimage.com/96x96",
        sizes: "96x96",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/128x128",
        sizes: "128x128",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/192x192",
        sizes: "192x192",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/256x256",
        sizes: "256x256",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/384x384",
        sizes: "384x384",
        type: "image/png",
      },
      {
        src: "https://dummyimage.com/512x512",
        sizes: "512x512",
        type: "image/png",
      },
    ],
  });
}
```

仕様書
---

| Specification |
| --- |
| Media Session # dom-mediametadata-mediametadata |

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
MessagePort.start()
===================

`MessagePort` インターフェイスの **`start()`** メソッドは、ポート上のキューに置かれたメッセージの送信を開始します。このメソッドは、`EventTarget.addEventListener` を使用する場合のみ必要になります。`MessagePort.onmessage` を使用する場合は暗黙に実行されます。

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

構文
--
```

port.start()
```

### 戻り値

無効。

### 引数

なし。

例
-

次のコードブロックには、`handleMessage` ハンドラ関数があり、`onmessage` を使用して、メッセージがこのドキュメントに送り返された時に実行されます:


```js
channel.port1.onmessage = handleMessage;
function handleMessage(e) {
  para.innerHTML = e.data;
}
```


これを行うもう一つの方法は、`EventTarget.addEventListener` を使用します。しかし、このメソッドが使用された場合、明示的に `start()` を呼び出してメッセージの送信を開始する必要があります:


```js
channel.port1.addEventListener("message", handleMessage, false);
function handleMessage(e) {
  para.innerHTML = e.data;
  textInput.value = "";
}

channel.port1.start();
```

仕様
--

| Specification |
| --- |
| HTML Standard # dom-messageport-start-dev |

ブラウザの実装状況
---------

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

関連情報
----

* Using channel messaging
MessagePort.onmessage
=====================

`MessagePort` インターフェイスの **`onmessage`** イベントハンドラは、`EventListener` であり、ポート上で `message` 型の `MessageEvent` が発動した時に呼び出されます。つまり、ポートがメッセージを受信した時に呼び出されます。

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

構文
--
```

channel.onmessage = function() { ... };
```

例
-

次のコードブロックには、`MessageChannel.MessageChannel` コンストラクタで作成された新しいチャンネルがあります。IFrame が読み込まれた時、`MessagePort.postMessage` を使用してメッセージと `MessageChannel.port2` が IFrame へ渡されます。すると、`handleMessage` ハンドラが `onmessage` によって IFrame から返されたメッセージに応答し、そのメッセージを段落に出力します。ここで、`MessageChannel.port1` は、メッセージが到着したときに確認するための待機状態にあります。


```js
var channel = new MessageChannel();
var para = document.querySelector("p");

var ifr = document.querySelector("iframe");
var otherWindow = ifr.contentWindow;

ifr.addEventListener("load", iframeLoaded, false);

function iframeLoaded() {
  otherWindow.postMessage("Hello from the main page!", "\*", [channel.port2]);
}

channel.port1.onmessage = handleMessage;
function handleMessage(e) {
  para.innerHTML = e.data;
}
```


完全に動作する例は、Github 上の チャンネルメッセージ送信の基本デモ を見てください (実際の動作も確認できます)。

仕様
--

| Specification |
| --- |
| HTML Standard # event-message |
| HTML Standard # handler-messageport-onmessage |

ブラウザの実装状況
---------

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

関連情報
----

* Using channel messaging
MessagePort.close()
===================

`MessagePort` インターフェイスの **`close()`** メソッドは、ポートの接続を切断し、ポートがアクティブではなくなります。これは、そのポートへのメッセージの送信を停止します。

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

構文
--
```

port.close()
```

### 戻り値

無効。

### 引数

なし。

例
-

次のコードブロックには、`handleMessage` ハンドラ関数があり、`EventTarget.addEventListener` を使用してこのドキュメントにメッセージが返された時に実行されます。


```js
channel.port1.addEventListener("message", handleMessage, false);
function handleMessage(e) {
  para.innerHTML = e.data;
  textInput.value = "";
}

channel.port1.start();
```


次のようにして、いつでもメッセージの送信を停止できます。


```js
channel.port1.close();
```

仕様
--

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

ブラウザの実装状況
---------

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

関連情報
----

* Using channel messaging
MessagePort.onmessageerror
==========================

`MessagePort` インターフェースの **`onmessageerror`** イベントハンドラーは、ポートで `messageerror` 型の `MessageEvent` が発火すると呼び出されます。つまり、deserialized できないメッセージを受け取ったときです。

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

構文
--
```

port.onmessageerror = function() { ... };
```

仕様
--

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

ブラウザー実装状況
---------

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

関連項目
----

* Using channel messaging
MessagePort.postMessage()
=========================

`MessagePort` インターフェイスの **`postMessage()`** メソッドは、ポートからのメッセージを送信します。任意で、オブジェクトの所有権を他のブラウザコンテキストへ転送します。

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

構文
--
```

port.postMessage(message [,transfer]);
```

### 戻り値

無効。

### 引数

message

チャンネル経由で送信するメッセージ。これは基本データタイプになります。複数のデータアイテムを配列として送信できます。

[, transfer]

(任意) 転送されるオブジェクト。これらのオブジェクトの所有権は、受信側のブラウザコンテキストへ転送されるため、送信側のブラウザコンテキストでは使用できなくなります。

例
-

次のコードブロックでは、`MessageChannel.MessageChannel` コンストラクタで新しいチャンネルを作成しています。IFrame が読み込まれた時、`window.postMessage` メソッドによってメッセージと `MessageChannel.port2` が IFrame へ渡されます。すると、`handleMessage` が `onmessage` によって IFrame から返されたメッセージに応答し、そのメッセージを段落に出力します。ここで、`MessageChannel.port1` は、メッセージが到着したときに確認するための待機状態にあります。


```js
var channel = new MessageChannel();
var para = document.querySelector("p");

var ifr = document.querySelector("iframe");
var otherWindow = ifr.contentWindow;

ifr.addEventListener("load", iframeLoaded, false);

function iframeLoaded() {
  otherWindow.postMessage("Hello from the main page!", "\*", [channel.port2]);
}

channel.port1.onmessage = handleMessage;
function handleMessage(e) {
  para.innerHTML = e.data;
}
```


完全に動作する例は、Github 上の チャンネルメッセージ送信の基本デモ を見てください (実際の動作も確認できます)。

仕様
--

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

ブラウザの実装状況
---------

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

関連情報
----

* Using channel messaging
GeolocationPositionError: message プロパティ
=======================================

**安全なコンテキスト用:** この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

**`GeolocationPositionError.message`** は読み取り専用のプロパティで、エラーの詳細を説明する、人間が読める文字列を返します。

値
-

エラーの詳細を説明する、人間が読める文字列です。

仕様書
---

| Specification |
| --- |
| Geolocation API # message-attribute |

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

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

関連情報
----

* 位置情報 API の使用
* `GeolocationPositionError`
GeolocationPositionError: code プロパティ
====================================

**安全なコンテキスト用:** この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

**`GeolocationPositionError.code`** は読み取り専用プロパティで、 `unsigned short` でエラーコードを表します。

以下の値になる可能性があります。

| 値 | 関連づけられた定数 | 説明 |
| --- | --- | --- |
| `1` | `PERMISSION_DENIED` | ページが許可を得ていないために、位置情報の取得に失敗しました。 |
| `2` | `POSITION_UNAVAILABLE` | 1 つまたは複数の位置の内部ソースが内部エラーを返したために、位置情報の取得に失敗しました。 |
| `3` | `TIMEOUT` | 位置情報が制限時間内に取得できませんでした。 |

仕様書
---

| Specification |
| --- |
| Geolocation API # code-attribute |

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

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

関連情報
----

* 位置情報の使用
* `GeolocationPositionError`
TransitionEvent: pseudoElement プロパティ
====================================

**`TransitionEvent.pseudoElement`** は読み取り専用プロパティで、アニメーションが実行されている `'::'` で始まる擬似要素の名前が入っている文字列です。トランジションが擬似要素で実行されない場合は、要素は空文字列 (`''`) です。

値
-

文字列です。

仕様書
---

| Specification |
| --- |
| CSS Transitions # Events-TransitionEvent-pseudoElement |

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

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

関連情報
----

* CSS トランジションの使用
* `transition`, `transition-delay`, `transition-duration`, `transition-property`, `transition-timing-function`
TransitionEvent: elapsedTime プロパティ
==================================

**`TransitionEvent.elapsedTime`** は読み取り専用プロパティで、このイベントが発行された時にアニメーションが実行されていた秒数を
 `float` 型で返します。この値は `transition-delay` プロパティの影響を受けません。

値
-

数値です。

仕様書
---

| Specification |
| --- |
| CSS Transitions # Events-TransitionEvent-elapsedTime |

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

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

関連情報
----

* CSS トランジションの使用
TransitionEvent: TransitionEvent() コンストラクター
===========================================

**`TransitionEvent()`** コンストラクターは新しい `TransitionEvent` オブジェクトを返します。これはトランジションに関するイベントを表します。

構文
--


```js
new TransitionEvent(type)
new TransitionEvent(type, options)
```

### 引数

`type`

 文字列で、イベントの名前を表します。
 大文字小文字を区別し、ブラウザーは `transitionrun`, `transitionstart`, `transitionend`, `transitioncancel` のいずれかを設定します。


`options` 省略可

オブジェクトで、 `Event()` で定義されているプロパティに加えて、以下のプロパティを持つことができます。

`propertyName` 省略可

 文字列で、トランジションに関連付けられた CSS プロパティの名前を格納します。
 既定値は `""` です。


`elapsedTime` 省略可

 アニメーションが一時停止していた時間を除き、このイベントが発行されたときにアニメーションが実行されている時間を秒単位で表す数値です。
 `"animationstart"` イベントでは、 `elapsedTime` はふつう `0.0` ですが、 `animation-delay` が負の値である場合は、 `elapsedTime` が `(-1 * delay)` であるイベントが発行されます。
 既定値は `0.0` です。


`pseudoElement` 省略可

 文字列で、既定値は `"::"` です。アニメーションが実行される擬似要素の名前が入ります。
 アニメーションが擬似要素ではなく要素で実行されている場合は、空文字列 `""` になります。
 既定値は `""` です。



### 返値

新しい `TransitionEvent` オブジェクトです。

仕様書
---

| Specification |
| --- |
| CSS Transitions # dom-transitionevent-transitionevent |

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

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

関連情報
----

* CSS トランジションの使用
* CSS プロパティ: `transition`, `transition-delay`,
 `transition-duration`, `transition-property`,
 `transition-timing-function`
TransitionEvent: propertyName プロパティ
===================================

**`propertyName`** は `TransitionEvent` オブジェクトの読み取り専用プロパティで、このトランジションに関連する CSS プロパティの名前を格納した文字列です。

値
-

文字列です。

仕様書
---

| Specification |
| --- |
| CSS Transitions # Events-TransitionEvent-propertyName |

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

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

関連情報
----

* CSS トランジションの使用
HTMLTimeElement: dateTime プロパティ
===============================

**`HTMLTimeElement.dateTime`** プロパティは文字列で、HTML の `datetime` 属性を反映し、要素の日付と時刻の値を機械可読な形で保持します。

文字列の形式は以下の HTML のマイクロ構文に従わなければなりません。

| マイクロ構文 | 説明 | 例 |
| --- | --- | --- |
| 有効な月文字列 | *YYYY*`-`*MM* | `2011-11`, `2013-05` |
| 有効な日付文字列 | *YYYY*`-`*MM*`-`*DD* | `1887-12-01` |
| 有効な年のない日付文字列 | *MM*`-`*DD* | `11-12` |
| 有効な時刻文字列 | *HH*`:`*MM**HH*`:`*MM*`:`*SS**HH*`:`*MM*`:`*SS*`.`*mmm* | `23:59``12:15:47``12:15:52.998` |
| 有効なローカル日時文字列 | *YYYY*`-`*MM*`-`*DD*
*HH*`:`*MM**YYYY*`-`*MM*`-`*DD* *HH*`:`*MM*`:`*SS**YYYY*`-`*MM*`-`*DD* *HH*`:`*MM*`:`*SS*`.`*mmm**YYYY*`-`*MM*`-`*DD*`T`*HH*`:`*MM**YYYY*`-`*MM*`-`*DD*`T`*HH*`:`*MM*`:`*SS**YYYY*`-`*MM*`-`*DD*`T`*HH*`:`*MM*`:`*SS*`.`*mmm* | `2013-12-25 11:121972-07-25 13:43:071941-03-15
07:06:23.6782013-12-25T11:121972-07-25T13:43:071941-03-15T07:06:23.678` |
| 有効なタイムゾーンオフセット文字列 | `Z``+`*HHMM*`+`*HH*`:`*MM*`-`*HHMM*`-`*HH*`:`*MM* | `Z+0200+04:30-0300-08:00` |
| 有効なグローバル日時文字列 | *有効な日時文字列と有効なタイムゾーンオフセット文字列が続く任意の組み合わせ。* | `2013-12-25 11:12+02001972-07-25 13:43:07+04:301941-03-15
07:06:23.678Z2013-12-25T11:12-08:00` |
| 有効な週文字列 | *YYYY*`-W`*WW* | `2013-W46` |
| 4 桁以上の ASCII 数字 | *YYYY* | `2013`, `0001` |
| 有効な期間文字列 | `P`*d*`D``T`*h*`H`*m*`M`*s*`S``P`*d*`D``T`*h*`H`*m*`M`*s*`.`X`S``P`*d*`D``T`*h*`H`*m*`M`*s*`.`XX`S``P`*d*`D``T`*h*`H`*m*`M`*s*`.`XXX`S``P``T`*h*`H`*m*`M`*s*`S``P``T`*h*`H`*m*`M`*s*`.`X`S``P``T`*h*`H`*m*`M`*s*`.`XX`S``P``T`*h*`H`*m*`M`*s*`.`XXX`S`*w*`w` *d*`d` *h*`h` *m*`m` *s*`s` | `P12DT7H12M13SP12DT7H12M13.3SP12DT7H12M13.45SP12DT7H12M13.455SPT7H12M13SPT7H12M13.2SPT7H12M13.56SPT7H12M13.999S7d
5h 24m 13s` |

値
-

文字列です。

例
-


```js
// HTML に <time id="t"> 要素があると仮定する

const t = document.getElementById("t");
t.dateTime = "6w 5h 34m 5s";
```

仕様書
---

| Specification |
| --- |
| HTML Standard # dom-time-datetime |

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

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

関連情報
----

* 所属先の `HTMLTimeElement` インターフェイス