counter-reset

独自に作成したカウンターに加え、このプロパティは（<ol> 要素で作成される）順序付きリストで使用される list-item カウンターもリセットすることができます。 これらは独自に作成したカウンタと同じ動作をしますが、それぞれのリスト要素で自動的に 1 ずつ増加または減少する点が異なります。 この動作は counter-increment で上書きすることができます。

/* "my-counter" を 0 に設定 */
counter-reset: my-counter;

/* "my-counter" を -1 に設定 */
counter-reset: my-counter -3;

/* 逆行の "my-counter" を counter1" を 1 に、 "counter2" を 4 に設定 */
counter-reset: reversed(my-counter);

/* 逆行の "my-counter" を -1 に設定 */
counter-reset: reversed(my-counter) -1;

/* counter2 を 9 に、逆行の "counter1" と "counter3" をそれぞれ 1 と 4 に設定*/
counter-reset: reversed(counter1) 1 counter2 9 reversed(counter3) 4;

/* より詳細度が低い規則による値の初期化をキャンセル */
counter-reset: none;

/* グローバル値 */
counter-reset: inherit;
counter-reset: initial;
counter-reset: revert;
counter-reset: unset;

counter-reset プロパティは、以下のうちの一つで指定します。

• <custom-ident> または reversed(<custom-ident>) でカウンターに名前を付けます。 <integer> を続けることもできます。 なお、 reversed() メソッドは「逆行」カウンターを生成するために使用することができます。 初期化するカウンターや逆行カウンターはいくつでも指定することができ、それぞれのカウンターとカウンター値の組は空白で区切ります。
• キーワード値 none。

list-item という名前の「暗黙的な」カウンターを使用すると、 <ol> を使用して生成される順序付きリストの番号付けを制御に使用することができます。

<custom-ident>

初期化の対象となる、カウンターの名前です。

<integer>

要素が出現するごとに、カウンターを初期化するための値です。与えられない場合、初期値の 0 なります。

none

カウンターの初期化は行われません。これはより詳細度の低い規則によって定義された counter-reset を上書きするために使用することができます。

counter-reset = 
  [ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+  |
  none                                                

<reversed-counter-name> = 
  reversed( <counter-name> )  

以下の例はカウンターの初期化方法を紹介していますが、増加、減少、表示の方法は示していません。

もっと完全な例は、 CSS カウンターの使用を参照してください。

• CSS カウンターの使用
• counter-increment
• counter-set
• @counter-style
• counter() および counters() 関数
• content プロパティ