::cue
版本:CSS3
CSS偽類::cue元素匹配所選元素中的WebVTT提示。這可以用于在VTT軌道的媒體中使用字幕和其他線索。
網絡視頻文本軌道,簡稱為 WebVTT,是一種用于標記文本軌道的文件格式。它與 HTML5元素相結合,可給音頻/視頻等媒體資源添加字幕,標題和其他描述信息,并同步顯示。給媒體文件添加文本信息,是為了讓媒體面向更多的人群,使其容易訪問。如有聽覺障礙的人,或者更普遍地說,不熟悉這門語言的觀眾。WebVTT 文件是一個以 UTF-8 為編碼,以.vtt 為文件擴展名的簡單文本文件。
語法:
E::cue{sRules}
只有CSS一小部分屬性可以與::cue偽元素一起使用:
- color
- opacity
- visibility
- text-decoration:text-decoration-line,text-decoration-color,andtext-decoration-style
- text-shadow
- background:background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size,background-attachment,background-blend-mode
- outline:outline-color,outline-style,outline-width
- font:font-kerning,font-style,font-variant,font-variant-numeric,font-variant-position,font-variant-east-asian,font-variant-caps,font-variant-alternates,font-variant-ligatures,font-synthesis,font-feature-settings,font-language-override,font-weight,font-size,font-size-adjust,font-stretch,font-family
- line-height
- white-space
- text-combine-upright
- ruby-position
屬性應用于整個提示集,就像它們是單個單元一樣。唯一的例外是背景及其簡寫屬性可以單獨應用于每個提示,以避免創建框并遮蓋意外大面積的媒體。
瀏覽器支持
| | | | |
| IE、火狐瀏覽器不支持::cue。其余瀏覽器支持。 |
例子
以下CSS設置提示樣式,使文本為白色,背景為半透明黑盒。
::cue {color: #fff;background-color: rgba(0, 0, 0, 0.6);}

鵬仔微信 15129739599 鵬仔QQ344225443 鵬仔前端 pjxi.com 共享博客 sharedbk.com
免責聲明:我們致力于保護作者版權,注重分享,當前被刊用文章因無法核實真實出處,未能及時與作者取得聯系,或有版權異議的,請聯系管理員,我們會立即處理! 部分文章是來自自研大數據AI進行生成,內容摘自(百度百科,百度知道,頭條百科,中國民法典,刑法,牛津詞典,新華詞典,漢語詞典,國家院校,科普平臺)等數據,內容僅供學習參考,不準確地方聯系刪除處理!郵箱:344225443@qq.com)
圖片聲明:本站部分配圖來自網絡。本站只作為美觀性配圖使用,無任何非法侵犯第三方意圖,一切解釋權歸圖片著作權方,本站不承擔任何責任。如有惡意碰瓷者,必當奉陪到底嚴懲不貸!