You are on the editable version of MDN Web Docs

View as an MDN Web Docs user: https://developer.mozilla.org/en-US/docs/Web/CSS/::cue-region

::cue-region

Draft
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;
}

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.

Syntax

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

Permitted properties

Rules whose selectors include this element may only use the following CSS properties:

Specifications

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

Document Tags and Contributors

Contributors to this page: wbamberg, ExE-Boss
Last updated by: wbamberg,