scripting
Baseline
2023
Newly available
Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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;
}
}
結果
仕様書
| Specification |
|---|
| Media Queries Level 5 # scripting |
ブラウザーの互換性
Loading…