Our volunteers haven't translated this article into Türkçe yet. Join us and help get the job done!
You can also read the article in English (US).

The ::cue 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 {
  color: yellow;
  font-weight: bold;
}

Permitted properties

Rules with ::cue 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.

Syntax

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

Example

The following CSS sets the cue style so that the text is white and the background is a translucent black box.

::cue {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

Specifications

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

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
::cueChrome Full support 26Edge No support NoFirefox Full support 55
Notes
Full support 55
Notes
Notes Firefox currently does not support a parameter on ::cue.
Notes Correct limitations to the CSS properties permitted within ::cue were implemented in Firefox 69. See Permitted properties for a list of the allowed properties.
IE No support NoOpera Full support 15Safari Full support 6.1WebView Android Full support ≤37Chrome Android Full support 26Firefox Android Full support 55
Notes
Full support 55
Notes
Notes Firefox currently does not support a parameter on ::cue.
Opera Android Full support 14Safari iOS Full support 6.1Samsung Internet Android Full support 1.5

Legend

Full support  
Full support
No support  
No support
See implementation notes.
See implementation notes.

See also

Document Tags and Contributors

Contributors to this page: Sheppy, mdnwebdocs-bot, ExE-Boss, mfluehr, fscholz
Last updated by: Sheppy,