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に先送り。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応
実験的非標準
Chrome 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Edge ? Firefox 未対応 なし
補足
未対応 なし
補足
補足 See bug 1166581.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Chrome Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 489957.
Edge Mobile ? Firefox Android 未対応 なし
補足
未対応 なし
補足
補足 See bug 1166581.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android ?

凡例

未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

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

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