scripting
The scripting CSS media feature can be used to test whether scripting (such as JavaScript) is available.
Syntax
The scripting feature is specified as a keyword value chosen from the list below.
none-
Scripting is completely unavailable on the current document.
initial-only-
Scripting is enabled during the initial page load, but not afterwards.
enabled-
Scripting is supported and active on the current document.
Examples
HTML
<p class="script-none">You do not have scripting available. :-(</p>
<p class="script-initial-only">Your scripting is only enabled during the initial page load. Weird.</p>
<p class="script-enabled">You have scripting 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;
}
}
Result
Specifications
| Specification |
|---|
| Media Queries Level 5 # scripting |
Browser compatibility
BCD tables only load in the browser