::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
:
background
et les propriétés détaillées associéescolor
font
et les propriétés détaillées associéesline-height
opacity
outline
et les propriétés détaillées associéesruby-position
text-combine-upright
text-decoration
et les propriétés détaillées associéestext-shadow
visibility
white-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
Error: could not find syntax for this item
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
Specification |
---|
WebVTT: The Web Video Text Tracks Format # the-cue-pseudo-element |
Compatibilité des navigateurs
BCD tables only load in the browser