CSSRule.MEDIA_RULE - 4 (@mediaのCSSルール)
MEDIA_RULEは、CSSRuleの定数です。4を返します。この値は、CSSルールの分類が、@mediaであることを表します。
概要
- 名前
- MEDIA_RULE
- 所属
- CSSRule
- IDL
const unsigned short MEDIA_RULE = 4;
- 仕様書
- https://drafts.csswg.org/cssom/#dom-cssrule-media_rule
チュートリアル
この定数は、typeの値と照合するために使います。下記はCSSルールの種類が@mediaであることを確認する例です。
CSSルールの例
@media all {
p { color: red ; }
}
if ( cssRule.type === CSSRule.MEDIA_RULE ) {
console.log( "CSSルールは@mediaです。" ) ;
}
デモ
CSSRule.MEDIA_RULEのデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
body {
white-space: pre-wrap ;
}
</style>
</head>
<body>
<script>
/** try it! **/
var cssRule = document.styleSheets[0].cssRules[0] ;
var a = CSSRule.MEDIA_RULE ;
var b = cssRule.MEDIA_RULE ;
/** try it! **/
var results = { a:a, b:b, } ;
for( var name in results ) {
console.log( name, results[name] ) ;
document.body.appendChild( document.createTextNode( name + " = " + JSON.stringify( results[name] ) + "\n" ) ) ;
}
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● | ● | ● |
関連記事
- status_changed
- ステータスが変化した時に発火するイベント。
- CSSRule.COUNTER_STYLE_RULE
- COUNTER_STYLE_RULEは、CSSRuleの定数です。11を返します。この値は、CSSルールの分類が、@counter-styleであることを表します。
- CSSRule.STYLE_RULE
- STYLE_RULEは、CSSRuleの定数です。1を返します。この値は、CSSルールの分類が、通常のものであることを表します。
- CSSRule.CHARSET_RULE
- CHARSET_RULEは、CSSRuleの定数です。2を返します。この値は、CSSルールの分類が、@charsetであることを表します。