::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 Нет поддержки НетFirefox Полная поддержка 55
Замечания
Полная поддержка 55
Замечания
Замечания Firefox currently does not support a parameter on ::cue.
Замечания Correct limitations to the CSS properties permitted within ::cue were implemented in Firefox 69. See Permitted properties for a list of the allowed properties.
IE Нет поддержки НетOpera Полная поддержка 15Safari Полная поддержка 6.1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 26Firefox Android Полная поддержка 55
Замечания
Полная поддержка 55
Замечания
Замечания Firefox currently does not support a parameter on ::cue.
Opera Android Полная поддержка 14Safari iOS Полная поддержка 6.1Samsung Internet Android Полная поддержка 1.5

Легенда

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

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