::cue

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 :

Les propriétés sont appliquées à l'ensembles des indications (comme si celles-ci formaient un seul ensemble). Seule background (ou les propriétés raccourcies associées) s'appliquent à chaque indication séparément (afin d'éviter de créer des boîtes qui masqueraient de grandes zones sur le média).

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.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
::cueChrome Support complet 26Edge Aucun support NonFirefox Support complet 55
Notes
Support complet 55
Notes
Notes Firefox currently does not support a parameter on ::cue.
Notes Correct limitations to the CSS properties permitted within ::cue were implemented in Firefox 69. See Permitted properties for a list of the allowed properties.
IE Aucun support NonOpera Support complet 15Safari Support complet 6.1WebView Android Support complet ≤37Chrome Android Support complet 26Firefox Android Support complet 55
Notes
Support complet 55
Notes
Notes Firefox currently does not support a parameter on ::cue.
Opera Android Support complet 14Safari iOS Support complet 6.1Samsung Internet Android Support complet 1.5

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi