scripting
Baseline
2023
最近利用可能
December 2023以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
scripting は CSS のメディア特性で、 (JavaScript などの) スクリプトが利用できるかどうかを調べるために使用することができます。
メモ:
検出は、ユーザーの設定に基づいてブラウザーによって行われます。一部のブラウザー拡張機能は、さまざまな手法を使用してスクリプトのブロックを実装しています。そのような場合、 scripting メディア機能は期待どおりに動作しない場合があります。
構文
scripting 特性は、以下の一覧のうち一つのキーワード値で指定します。
none-
スクリプトは現在の文書で全く利用できません。
initial-only-
スクリプトはページを読み込んでいる間は利用できますが、その後は利用できません。
enabled-
現在の文書がスクリプトに対応しており、有効です。
例
HTML
html
<p class="script-none">スクリプトは利用できません。 :-(</p>
<p class="script-initial-only">
スクリプトはページを読み込んでいる間だけ有効です。残念。
</p>
<p class="script-enabled">スクリプトは有効です。 :-)</p>
CSS
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 |