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;
}
}
結果
仕様書
| Specification |
|---|
| Media Queries Level 5 # scripting |
ブラウザーの互換性
BCD tables only load in the browser