::cue
El pseudo-elemento CSS ::cue señala las pistas de texto WebVTT (en-US) dentro del elemento seleccionado. Esto puede ser usado para estilizar subtítulos y otras pistas de texto (en-US) multimedia con pistas de texto.
::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
Propiedades permitidas
Las reglas cuyos selectores incluyen este elemento solo pueden usar las siguientes propiedades CSS:
backgroundbackground-attachmentbackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-repeatbackground-sizecolorfontfont-familyfont-sizefont-stretch(en-US)font-stylefont-variantfont-weightline-heightopacityoutlineoutline-coloroutline-styleoutline-widthruby-position(en-US)text-combine-upright(en-US)text-decorationtext-decoration-colortext-decoration-linetext-decoration-styletext-decoration-thickness(en-US)text-shadowvisibilitywhite-space
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.
::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