شبه عنصر cue::
یک عنصر انتخاب شده با نشانههای WebVTT را تطابق میدهد. این شبه عنصر میتواند برای آرایش زیرنویس و دیگر موارد محتوای تصویری با VTT tracks مورد استفاده قرار گیرد.
::cue {
color: yellow;
font-weight: bold;
}
Allowable properties
Only a small subset of CSS properties can be used in a rule with ::cue
in its selector:
color
opacity
visibility
text-decoration
and its longhand propertiestext-shadow
background
and its longhand propertiesoutline
and its longhand propertiesfont
and its longhand properties, includingline-height
white-space
text-combine-upright
ruby-position
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
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.