counter-resetの解説|クロノドライブのCSS辞典

counter-reset

対応ブラウザ Internet Explorer 8~ / Firefox 1~ / Google Chrome 2~ / Safari 3~ / Opera 9.2~
初期値 none 継承 しない
適用可能な要素 すべて
用例
.style {
  counter-reset: count;
}
※この例における「count」はカウンター名です。

counter-resetとは

counter-resetとは要素のカウンターにおける値をリセットする際に使用するプロパティです。
以下の値で指定します。

identifier
カウンター名を指定します。
integer
リセット値を指定します。
none(初期値)
増加しません。

contentプロパティのconter()/conters()を使うことで、要素へ自動的に通し番号のようなものを加えることができます。
通し番号は0から始まり、同じ名前のカウンターが指定された要素が現れるたび、counter-incrementプロパティの値の分だけ増えていきますが、counter-resetを使うことで、たとえば0や-1、100などにリセットすることができます。