::cue

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Псевдоэлемент CSS ::cue соответствует репликам WebVTT в выбранном элементе. Он может быть использован для задания стилей титров и других реплик в медиа с VTT треками.

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

Разрешённые свойства

Правила с ::cue в селекторе ограничены в использовании CSS-свойств следующим списком:

Свойства применяются ко всему набору реплик, как если бы они были единым целым. Единственным исключением является background и его сокращённые свойства, которые применяются к каждой реплике отдельно, чтобы не создавать блоки, которые занимают неожиданно большие области медиа.

Синтаксис

Error: could not find syntax for this item

Пример

Следующий CSS устанавливает стили для реплик в виде белого цвета текста и полупрозрачного чёрного фона.

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

Спецификации

Specification
WebVTT: The Web Video Text Tracks Format
# the-cue-pseudo-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также