::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.
css
::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 :
backgroundet les propriétés détaillées associéescolorfontet les propriétés détaillées associéesline-heightopacityoutlineet les propriétés détaillées associéesruby-positiontext-combine-uprighttext-decorationet les propriétés détaillées associéestext-shadowvisibilitywhite-space
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
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.
css
::cue {
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
}
Spécifications
| Specification |
|---|
| WebVTT: The Web Video Text Tracks Format # the-cue-pseudo-element |
Compatibilité des navigateurs
BCD tables only load in the browser