A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/CSS/@media/scripting below:

scripting - CSS: カスケーディングスタイルシート | MDN

scripting

Baseline 2023

Newly available

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

メモ: 検出は、ユーザーの設定に基づいてブラウザーによって行われます。一部のブラウザー拡張機能は、さまざまな手法を使用してスクリプトのブロックを実装しています。そのような場合、 scripting メディア機能は期待どおりに動作しない場合があります。

構文

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;
  }
}
結果 仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4