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>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
× | ● 33+ | × | × | × | × | × | × |
関連記事
- CSSRule.STYLE_RULE
- STYLE_RULEは、CSSRuleの定数です。1を返します。この値は、CSSルールの分類が、通常のものであることを表します。
- CSSRule.CHARSET_RULE
- CHARSET_RULEは、CSSRuleの定数です。2を返します。この値は、CSSルールの分類が、@charsetであることを表します。
- CSSRule.NAMESPACE_RULE
- NAMESPACE_RULEは、CSSRuleの定数です。10を返します。この値は、CSSルールの分類が、@namespaceであることを表します。
- CSSRule.MEDIA_RULE
- MEDIA_RULEは、CSSRuleの定数です。4を返します。この値は、CSSルールの分類が、@mediaであることを表します。