CSSMediaRule

L'interface CSSMediaRule représente une seule règle CSS @media. Elle met en œuvre l'interface CSSConditionRule, et donc l'interface CSSGroupingRule et l'interface CSSRule avec une valeur de type 4 (CSSRule.MEDIA_RULE).

Syntaxe

La syntaxe est décrite en utilisant le format WebIDL.

interface CSSMediaRule : CSSConditionRule {
    readonly attribute MediaList media;
}

Propriétés

En tant que CSSConditionRule, et donc à la fois CSSGroupingRule et CSSRule, CSSMediaRule implémente également les propriétés de ces interfaces. Elle a la propriété spécifique suivante :

CSSMediaRule.media Lecture seule
Spécifie un MediaList représentant le support de destination prévu pour les informations de style.

Méthodes

En tant que CSSConditionRule, et donc à la fois CSSGroupingRule et CSSRule, CSSMediaRule met également en œuvre les méthodes de cette interface. Elle n'a pas de méthodes spécifiques.

Specifications

Specification Status Comment
CSS Conditional Rules Module Level 3
La définition de 'CSSMediaRule' dans cette spécification.
Candidat au statut de recommandation Dérivé de la règle  CSSConditionRule.
CSS Object Model (CSSOM)
La définition de 'CSSMediaRule' dans cette spécification.
Version de travail Aucun changement par rapport à Document Object Model (DOM) Level 2 Style Specification
Document Object Model (DOM) Level 2 Style Specification
La définition de 'CSSMediaRule' dans cette spécification.
Obsolete

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
CSSMediaRuleChrome Support complet 45Edge Support complet ≤18Firefox Support complet 17
Notes
Support complet 17
Notes
Notes Before Firefox 20, conditionText could not be set.
IE ? Opera Support complet OuiSafari Support complet OuiWebView Android Support complet 45Chrome Android Support complet 45Firefox Android Support complet 17
Notes
Support complet 17
Notes
Notes Before Firefox 20, conditionText could not be set.
Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet 5.0
mediaChrome Support complet OuiEdge Support complet 12Firefox Support complet OuiIE ? Opera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue
Voir les notes d'implémentation.
Voir les notes d'implémentation.