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
特性は、以下の一覧のうち一つのキーワード値で指定します。
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 |
ブラウザーの互換性
BCD tables only load in the browser