scripting

scriptingCSSメディア特性で、 (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 5
scripting の定義
編集者草案 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
scripting media featureChrome 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Edge 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Firefox 未対応 なし
補足
未対応 なし
補足
補足 See bug 1166581.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Chrome Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Firefox Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 1166581.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.

凡例

未対応  
未対応
実装ノートを参照してください。
実装ノートを参照してください。