This page was translated from English by the community.Learn more and join the MDN Web Docs community.
::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 |