From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/@media/scripting/index.html | 91 ++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 files/ja/web/css/@media/scripting/index.html (limited to 'files/ja/web/css/@media/scripting') diff --git a/files/ja/web/css/@media/scripting/index.html b/files/ja/web/css/@media/scripting/index.html new file mode 100644 index 0000000000..7b967b5148 --- /dev/null +++ b/files/ja/web/css/@media/scripting/index.html @@ -0,0 +1,91 @@ +--- +title: scripting +slug: Web/CSS/@media/scripting +tags: + - '@media' + - CSS + - Media Queries + - Reference + - media feature + - メディアクエリ + - メディア特性 +translation_of: Web/CSS/@media/scripting +--- +
{{cssref}}
+ +

scripting は CSS のメディア特性で、 (JavaScript などの) スクリプトが利用できるかどうかを調べるために使用することができます。

+ +

構文

+ +

scripting 特性は、以下の一覧のうち一つのキーワード値で指定します。

+ +
+
none
+
スクリプトは現在の文書で全く利用できません。
+
initial-only
+
スクリプトはページを読み込んでいる間は利用できますが、その後は利用できません。
+
enabled
+
現在の文書がスクリプトに対応しており、有効です。
+
+ +

例

+ +

HTML

+ +
<p class="script-none">スクリプトは利用できません。 :-(</p>
+<p class="script-initial-only">スクリプトはページを読み込んでいる間だけ有効です。残念。</p>
+<p class="script-enabled">スクリプトは有効です。 :-)</p>
+
+ +

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;
+  }
+}
+ +

結果

+ +

{{EmbedLiveSample("Example")}}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS5 Media Queries', '#scripting', 'scripting')}}{{Spec2('CSS5 Media Queries')}}初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("css.at-rules.media.scripting")}}

-- cgit v1.2.3-54-g00ecf