Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The ::cue-region CSS pseudo-element matches WebVTT cues within a selected element. This can be used to style captions and other cues in media with VTT tracks.

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

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 longhand properties apply to each cue individually, to avoid creating boxes and obscuring unexpectedly large areas of the media.


::cue-region | ::cue-region(<selector>) {
  /* ... */

Permitted properties


No specification found

No specification data found for css.selectors.cue-region.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser compatibility

BCD tables only load in the browser

See also