CSSMediaRule.media
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
media 㯠CSSMediaRule ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ã MediaList ã§ã¹ã¿ã¤ã«æ
å ±ã®åºåå
ã¡ãã£ã¢ã表ãã¾ãã
å¤
MediaList ã§ãã
ä¾
ãã® CSS ã«ã¯ãåä¸ã®ã¹ã¿ã¤ã«ã«ã¼ã«ãæã¤ã¡ãã£ã¢ã¯ã¨ãªã¼ãå«ã¾ãã¦ãã¾ãããã㯠document.styleSheets[0].cssRules ãè¿ãæåã® CSSRule ã«ãªãã¾ãã
ãããã£ã¦ã myRules[0].media ãå¼ã³åºãã¨ãã¡ãã£ã¢ã¯ã¨ãªã¼ã表ã MediaList ãªãã¸ã§ã¯ããè¿ãã¾ãã
css
@media (min-width: 500px) {
body {
color: blue;
}
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // a MediaList
仿§æ¸
| 仿§æ¸ |
|---|
| CSS Conditional Rules Module Level 3 > # dom-cssmediarule-media > |