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

CSSRule.COUNTER_STYLE_RULE - 11 (@counter-styleのCSSルール)

COUNTER_STYLE_RULEは、CSSRuleの定数です。11を返します。この値は、CSSルールの分類が、@counter-styleであることを表します。

概要

名前
COUNTER_STYLE_RULE
所属
CSSRule
IDL
const unsigned short COUNTER_STYLE_RULE = 11;
仕様書
https://drafts.csswg.org/css-counter-styles-3/#dom-cssrule-counter_style_rule

チュートリアル

この定数は、typeの値と照合するために使います。下記はCSSルールの種類が@counter-styleであることを確認する例です。

CSSルールの例

@counter-style triangle {
	system: cyclic ;
	symbols: ‣ ;
	suffix: " " ;
}
if ( cssRule.type === CSSRule.COUNTER_STYLE_RULE ) {
	console.log( "CSSルールは@counter-styleです。" ) ;
}

デモ

CSSRule.COUNTER_STYLE_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.COUNTER_STYLE_RULE ;
var b = cssRule.COUNTER_STYLE_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
× 33+××××××
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月15日 (日)
コンテンツを公開しました。