This page is not complete.

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;

Permitted properties

Rules with ::cue-region in their selectors are limited to using only CSS properties from the following list:

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


::cue-region | ::cue-region( <selector> )


Fill in a simple example that nicely shows a typical usage of the selector, then perhaps some more complex examples (see our guide on how to add code examples for more information).

my code block

And/or include a list of links to useful code samples that live elsewhere:

  • x
  • y
  • z

Accessibility concerns

Optionally, warn of any potential accessibility concerns that exist with using this selector, and how to work around them. Remove this section if there are none to list.


Specification Status Comment
WebVTT: The Web Video Text Tracks Format
The definition of 'the ::cue-region pseudo-element' in that specification.
Candidate Recommendation Initial definition.

Browser compatibility

No compatibility data found. Please contribute data for "css.selectors.cue-region" (depth: 1) to the MDN compatibility data repository.

See also