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/@media/scripting | |
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/@media/scripting')
-rw-r--r-- | files/ru/web/css/@media/scripting/index.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/files/ru/web/css/@media/scripting/index.html b/files/ru/web/css/@media/scripting/index.html new file mode 100644 index 0000000000..92fcbf3192 --- /dev/null +++ b/files/ru/web/css/@media/scripting/index.html @@ -0,0 +1,83 @@ +--- +title: scripting +slug: Web/CSS/@media/scripting +translation_of: Web/CSS/@media/scripting +--- +<div>{{cssref}}</div> + +<p><a href="https://developer.mozilla.org/ru/docs/Web/CSS">CSS</a> <a href="https://developer.mozilla.org/ru/docs/Web/CSS/Media_Queries/Using_media_queries">медиа функция</a> <code><strong>scripting</strong></code> может использоваться для проверки доступности скриптов (таких как JavaScript)</p> + +<h2 id="Синтаксис">Синтаксис</h2> + +<p>Функция <code><strong>scripting</strong></code> указывается в качестве значения ключевого слова, выбранного из списка ниже.</p> + +<dl> + <dt><code>none</code></dt> + <dd>Скрипты полностью недоступны в текущем документе.</dd> + <dt><code>initial-only</code></dt> + <dd>Скрипты включаются во время начальной загрузки страницы, но не после.</dd> + <dt><code>enabled</code></dt> + <dd>Скрипты поддерживаются и активны в текущем документе.</dd> +</dl> + +<h2 id="Примеры">Примеры</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p class="script-none">You do not have scripting available. :-(</p> +<p class="script-initial-only">Your scripting is only enabled during the initial page load. Weird.</p> +<p class="script-enabled">You have scripting enabled! :-)</p> +</pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">p { + color: lightgray; +} + +@media (scripting: none) { + .script-none { + color: red; + } +} + +@media (scripting: initial-only) { + .script-initial-only { + color: red; + } +} + +@media (scripting: enabled) { + .script-enabled { + color: red; + } +}</pre> + +<h3 id="Result">Result</h3> + +<p>{{EmbedLiveSample("Example")}}</p> + +<h2 id="Спецификация">Спецификация</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS4 Media Queries', '#scripting', 'scripting')}}</td> + <td>{{Spec2('CSS4 Media Queries')}}</td> + <td>Отложено до Media Queries Level 5.</td> + </tr> + </tbody> +</table> + +<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> + + + +<p>{{Compat("css.at-rules.media.scripting")}}</p> |