::cue

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

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

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

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

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

Синтаксис

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

Пример

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

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

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

Спецификация Статус Комментарий
WebVTT: The Web Video Text Tracks Format
Определение '::cue' в этой спецификации.
Кандидат в рекомендации Изначальное определение

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
::cueChrome Полная поддержка 26Edge Полная поддержка 79Firefox Полная поддержка 55
Замечания
Полная поддержка 55
Замечания
Замечания From Firefox 69, only allowed properties apply to the ::cue pseudo-element with no argument. See Permitted properties for a list of the allowed properties.
IE Нет поддержки НетOpera Полная поддержка 15Safari Полная поддержка 6.1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 26Firefox Android Полная поддержка 55Opera Android Полная поддержка 14Safari iOS Полная поддержка 6.1Samsung Internet Android Полная поддержка 1.5
::cue(<selector>)Chrome Полная поддержка 26Edge Полная поддержка 79Firefox Нет поддержки НетIE Нет поддержки НетOpera Полная поддержка 15Safari Полная поддержка 6.1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 26Firefox Android Нет поддержки НетOpera Android Полная поддержка 14Safari iOS Полная поддержка 6.1Samsung Internet Android Полная поддержка 1.5

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Смотрите замечания реализации.
Смотрите замечания реализации.

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