Looking for css Answers? Try Ask4KnowledgeBase
Looking for css Keywords? Try Ask4Keywords

CSSカウンター


構文

  • カウンタセット:[<カウンタ名> <整数>? ] + |無し

  • カウンタリセット:[<カウンタ名> <整数>? ] + |無し

  • カウンタ増分:[<カウンタ名> <整数>? ] + |無し

  • counter(<counter-name> [、<counter-style>]?)

  • カウンタ(<counter-name>、<connector-string> [、<counter-style>])

パラメーター

パラメータ詳細
カウンターネームこれは、作成またはインクリメントまたはプリントする必要があるカウンタの名前です。開発者が望む任意のカスタム名を使用できます。
整数この整数はオプションの値で、カウンタ名の次に指定すると、カウンタの初期値( counter-setcounter-resetプロパティ)またはカウンタをインクリメントする値( counter-increment )を表しcounter-increment
無しこれは3つすべてのcounter-*プロパティの初期値です。この値をcounter-increment使用すると、 counter-incrementの値が影響を受けません。これを他の2つに使用すると、カウンタは作成されません。
カウンタースタイルこれは、カウンタ値を表示する必要があるスタイルを指定します。これは、 list-style-typeプロパティでサポートされているすべての値をサポートします。 noneも使用されnone場合、カウンタ値は全く印刷されません。
コネクタ文字列これは、2つの異なるカウンタレベル( "2.1.1"の "。"など)の値の間に配置する必要がある文字列を表します。

備考

カウンタはCSSの新しいトピックではありません。これは、CSSレベル2仕様(正確には改訂1)の一部であり、したがって非常に高いブラウザサポートを備えています。

IE6とIE7を除くすべてのブラウザは、CSSカウンタをサポートしています。

カウンター 関連する例