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

counter-increment

対応ブラウザ Internet Explorer 8~ / Firefox 1~ / Google Chrome 2~ / Safari 3~ / Opera 9.2~
初期値 none 継承 しない
適用可能な要素 すべて
用例
.style:before {
  counter-increment: count;
  content: counter(count) "月";
}

counter-incrementとは

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

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

contentプロパティのcounter()/counters()を使うことで、要素へ自動的に通し番号のようなものを加えることができます。
counter-incrementを指定しない場合、通し番号は1ずつ増えていきますが、counter-incrementを指定することで、通し番号を1ずつではなく、2ずつなど増やすことができます。
また、負の値を指定することで通し番号を減らしていくこともできます。