::cue

::cueCSS擬似要素で、選択された要素内の WebVTT キューに一致します。これにより、 VTT トラック付きのメディアでキャプションや他のキューをスタイル付けすることができます。

::cue {
  color: yellow;
  font-weight: bold;
}

利用可能なプロパティ

セレクターにこの要素を含む規則では、以下の CSS プロパティしか使用することができません。

プロパティは、あたかも1つの部品であるかのように、一連のキュー全体に適用されます。 background とその個別指定だけは例外で、各キューに個別に適用されます。これは、ボックスが生成されて予期せずメディアの大きな領域を占めることを避けるためです。

構文

::cue | ::cue( <selector> )

次の CSS はキューのスタイルを設定し、テキストが白に、背景が半透明の黒い矩形になります。

::cue {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

仕様書

仕様書 状態 備考
WebVTT: The Web Video Text Tracks Format
::cue の定義
勧告候補 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報