Le pseudo-élément CSS ::cue permet de cibler les indications textuelles WebVTT d'un élément. Ce pseudo-élément peut être utilisé afin de mettre en forme les légendes et autres indications textuelles pour les médias avec des pistes VTT.

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

Propriétés autorisées

Seul un sous-ensemble des propriétés CSS peut être utilisé avec le pseudo-élément ::cue :

The properties are applied to the entire set of cues as if they were a single unit. The only exception is that background and its shorthand properties apply to each cue individually, to avoid creating boxes and obscuring unexpectedly large areas of the media.

Syntaxe

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

Exemples

La règle CSS suivante permet d'avoir les indications textuelles dans un texte blanc et sur un arrière-plan qui est une boîte noire transparent.

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

Spécifications

Spécification État Commentaires
WebVTT: The Web Video Text Tracks Format
La définition de '::cue' dans cette spécification.
Projet Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple Oui ?551 Non ? ?
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple ? ? ?55 Non ? ?

1. Firefox currently does not support a parameter on ::cue.

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,