CSSscripting メディア特性は、 (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;
  }
}

結果

仕様書

仕様書 状態 備考
Media Queries Level 4
scripting の定義
勧告候補 メディアクエリレベル5に先送り。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 なし1 ? なし2 なし なし なし
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 なし1 なし1 ? なし2 なし なし ?

1. See bug 489957.

2. See bug 1166581.

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,