Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Caractéristique média CSS scripting
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis décembre 2023.
La caractéristique média CSS scripting permet de tester si les scripts (comme JavaScript) sont disponibles.
Note :
La détection est effectuée par les navigateurs selon les paramètres de l'utilisateur. Certaines extensions de navigateur peuvent bloquer les scripts avec différentes techniques. Dans ces cas, la caractéristique média scripting peut ne pas fonctionner comme prévu.
Syntaxe
La caractéristique scripting est définie avec un mot-clé parmi les suivants :
none-
Les outils de script sont indisponibles pour le document courant.
initial-only-
Les outils de script sont disponibles pendant le chargement de la page mais pas ensuite.
enabled-
Les outils de script sont pris en charge et actifs pour le document courant.
Exemples
>HTML
<p class="script-none">Les outils de script ne sont pas disponibles. :-(</p>
<p class="script-initial-only">
Les outils de script sont uniquement disponibles au chargement initial.
</p>
<p class="script-enabled">Les outils de script sont activés ! :-)</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;
}
}
Résultat
Spécifications
| Spécification |
|---|
| Media Queries Level 5> # scripting> |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
- Utiliser les requêtes média
- La règle
@media
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.