::cue-region - CSS: Cascading Style Sheets 编辑

Draft

This page is not complete.

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 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:

• background
• background-attachment
• background-clip
• background-color
• background-image
• background-origin
• background-position
• background-repeat
• background-size
• color
• font
• font-family
• font-size
• font-stretch
• font-style
• font-variant
• font-weight
• line-height
• opacity
• outline
• outline-color
• outline-style
• outline-width
• ruby-position
• text-combine-upright
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• text-decoration-thickness
• text-shadow
• visibility
• white-space

Specifications

See also

• Other WebVTT selectors:
  • ::cue
  • :past
  • :future