counter-reset

識別子にある名前のカウンタを"0"にリセットします。識別子の後ろに整数値が付く場合は、その値にリセットします。

複数のカウンタをリセットしたい場合は、以下のように記述します。
h1 { counter-reset: section -1 imagenum 99 }
以下のように記述すると、
h1 { counter-reset: section -1 }
h1 { counter-reset: imagenum 99 }
カスケード処理されて、前の宣言("counter-reset: section -1")が無視されてしまいます。

また、カウンタは初期化した後に増減させる事になっていますので、'counter-increment'、'counter-reset'の順が逆になっても、値は変化しません。

カウンタについての詳細は、カウンタについてをご覧ください。

"display: none"と同時に指定すると無効になります。"display: none"の祖先要素を持つ場合も、おそらく同様に効果は無いでしょう。対して、"visibility: hidden"と同時に指定しても無効になりません。

注意点

1. 複数のカウンタをリセットしたい場合は、一つの宣言内で行うようにしましょう。
2. "display: none"と同時に指定すると無効になります。

関連プロパティ

• counter-increment
• content
• display
• visibility