::cue
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since январь 2020 г..
* Some parts of this feature may have varying levels of support.
Псевдоэлемент CSS ::cue соответствует репликам WebVTT в выбранном элементе. Он может быть использован для задания стилей титров и других реплик в медиа с VTT треками.
::cue {
color: yellow;
font-weight: bold;
}
Разрешённые свойства
Правила с ::cue в селекторе ограничены в использовании CSS-свойств следующим списком:
backgroundи его свойстваcolorfontи его свойстваline-heightopacityoutlineи его свойстваruby-positiontext-combine-uprighttext-decorationи его свойстваtext-shadowvisibilitywhite-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 |
Совместимость с браузерами
Loading…