diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/css/_doublecolon_cue | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/ru/web/css/_doublecolon_cue')
-rw-r--r-- | files/ru/web/css/_doublecolon_cue/index.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/files/ru/web/css/_doublecolon_cue/index.html b/files/ru/web/css/_doublecolon_cue/index.html new file mode 100644 index 0000000000..3530a8df68 --- /dev/null +++ b/files/ru/web/css/_doublecolon_cue/index.html @@ -0,0 +1,76 @@ +--- +title: '::cue' +slug: 'Web/CSS/::cue' +translation_of: 'Web/CSS/::cue' +--- +<p>{{CSSRef}}</p> + +<p><span class="seoSummary"><a href="/ru/docs/Web/CSS/Pseudo-elements">Псевдоэлемент</a> <a href="/ru/docs/Web/CSS">CSS</a> <strong><code>::cue</code></strong> соответствует репликам <a href="/en-US/docs/Web/API/WebVTT_API">WebVTT</a> в выбранном элементе. Он может быть использован для задания <a href="/docs/Web/API/WebVTT_API#Styling_WebTT_cues">стилей титров и других реплик</a> в медиа с VTT треками.</span></p> + +<pre class="brush: css no-line-numbers notranslate">::cue { + color: yellow; + font-weight: bold; +}</pre> + +<h2 id="Разрешённые_свойства">Разрешённые свойства</h2> + +<p>Правила с <code>::cue</code> в селекторе ограничены в использовании CSS свойст следующим списком:</p> + +<ul> + <li>{{CSSxRef("background")}} и его свойства</li> + <li>{{CSSxRef("color")}}</li> + <li>{{CSSxRef("font")}} и его свойства</li> + <li>{{CSSxRef("line-height")}}</li> + <li>{{CSSxRef("opacity")}}</li> + <li>{{CSSxRef("outline")}} и его свойства</li> + <li>{{CSSxRef("ruby-position")}}</li> + <li>{{CSSxRef("text-combine-upright")}}</li> + <li>{{CSSxRef("text-decoration")}} и его свойства</li> + <li>{{CSSxRef("text-shadow")}}</li> + <li>{{CSSxRef("visibility")}}</li> + <li>{{CSSxRef("white-space")}}</li> +</ul> + +<p>Свойства применяются ко всему набору реплик, как если бы они были единым целым. Единственным исключением является <code>background</code> и его сокращённые свойства, которые прменяются к каждой реплике отдельно, чтобы не создавать блоки, которые занимают неожиданно большие области медиа.</p> + +<h2 id="Синтаксис">Синтаксис</h2> + +<pre class="syntaxbox notranslate">{{CSSSyntax}}</pre> + +<h2 id="Пример">Пример</h2> + +<p>Следующий CSS устанавливает стили для реплик в виде белого цвета текста и полупрозрачного чёрного фона.</p> + +<pre class="brush: css notranslate">::cue { + color: #fff; + background-color: rgba(0, 0, 0, 0.6); +}</pre> + +<h2 id="Спецификации">Спецификации</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th>Спецификация</th> + <th>Статус</th> + <th>Комментарий</th> + </tr> + <tr> + <td>{{SpecName("WebVTT", "#the-cue-pseudo-element", "::cue")}}</td> + <td>{{Spec2("WebVTT")}}</td> + <td>Изначальное определение</td> + </tr> + </tbody> +</table> + +<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> + +<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p> + +<p>{{Compat("css.selectors.cue")}}</p> + +<h2 id="Смотрите_также">Смотрите также</h2> + +<ul> + <li><a href="/ru/docs/Web/API/WebVTT_API">Web Video Tracks Format (WebVTT)</a></li> +</ul> |