::cue
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
* Some parts of this feature may have varying levels of support.
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 :
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
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