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ずつなど増やすことができます。
また、負の値を指定することで通し番号を減らしていくこともできます。