::cue (:cue)

El pseudo-element CSS ::cue coincideix amb senyals de WebVTT dins d'un element seleccionat. Això es pot usar per donar estil als títols i altres senyals en els medis amb pistes VTT.

Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element ::cue:

• color
• opacity
• visibility
• text-decoration i les seves propietats no abreujades: text-decoration-line, text-decoration-color i text-decoration-style
• text-shadow
• background i les seves propietats no abreujades: background-color, background-clip, background-image, background-origin, background-position, background-repeat, background-size,  background-attachment i background-blend-mode
• outline i les seves propietats no abreujades: outline-color, outline-style, outline-width
• font i les seves propietats no abreujades: font-kerning, font-style, font-variant, font-variant-numeric, font-variant-position, font-variant-east-asian, font-variant-caps, font-variant-alternates, font-variant-ligatures, font-synthesis, font-feature-settings, font-language-override, font-weight, font-size, font-size-adjust, font-stretch i font-family
• line-height
• white-space
• text-combine-upright
• ruby-position

Les propietats s'apliquen a tot el conjunt de senyals com si fossin una sola unitat. L'única excepció és que el background i les propietats abreujades s'apliquen a cada senyal individualment, per evitar la creació de caixes i que ocultin inesperadament grans àrees dels medis

Sintaxi

::cue | ::cue( <selector> )

Exemple

El següent CSS estableix l'estil de cue perquè el text sigui blanc i el fons sigui una caixa negra translúcida.

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

Especificacions

Navegadors compatibles

La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si voleu contribuir a les dades, consulteu https://github.com/mdn/browser-compat-data i envieu-nos una sol·licitud d'extracció.

Vegeu també

• Format de Pistes de Web Video (WebVTT)