SYNCERのロゴ
アイキャッチ画像

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>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月15日 (日)
コンテンツを公開しました。