::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.

El pseudo-elemento CSS ::cue señala las pistas de texto WebVTT dentro del elemento seleccionado. Esto puede ser usado para estilizar subtítulos y otras pistas de texto multimedia con pistas de texto.

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

Las propiedades son aplicadas al cojunto completo de anotaciones como si fuesen una unidad. La única excepción es que background y sus versiones largas se aplican a cada pista de texto individualmente para evitar crear cajas y oscurecer inesperadamente grandes partes de los archivos multimedia.

Sintaxis

Error: could not find syntax for this item

Propiedades permitidas

Las reglas cuyos selectores incluyen este elemento solo pueden usar las siguientes propiedades CSS:

Ejemplos

Estilizando las anotaciones WebVTT como blanco sobre negro

El siguiente CSS ajusta el estilo de las anotaciones para que el texto sea blanco y el fondo sea una caja negro translúcido.

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

Especificaciones

Specification
WebVTT: The Web Video Text Tracks Format
# the-cue-pseudo-element

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también