::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 треками.
::cue {
color: yellow;
font-weight: bold;
}
Разрешённые свойства
Правила с ::cue
в селекторе ограничены в использовании CSS-свойств следующим списком:
background
и его свойстваcolor
font
и его свойстваline-height
opacity
outline
и его свойстваruby-position
text-combine-upright
text-decoration
и его свойстваtext-shadow
visibility
white-space
Свойства применяются ко всему набору реплик, как если бы они были единым целым. Единственным исключением является background
и его сокращённые свойства, которые применяются к каждой реплике отдельно, чтобы не создавать блоки, которые занимают неожиданно большие области медиа.
Синтаксис
Error: could not find syntax for this item
Пример
Следующий 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