counter-reset

概要

counter-reset は、 CSS のカウンタを、与えられた値に初期化するために用いる CSS プロパティです。

• 初期値 none
• 適用対象 すべての要素
• 継承 無し
• メディア visual
• 計算値 指定値

構文

counter-reset: [<user-ident> <integer>?]+ | inherit | none

値

<user-ident>

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

<integer>

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

任意の数の初期化するカウンタを、スペースで分割して指定することができます。

例

h1 {
  counter-reset: chapter section 1 page;
  /* chapter と page カウンタを 0 に、
     section カウンタを 1 に設定します。 */
}

仕様

ブラウザの互換性

参照

• CSS のカウンタ、 counter-increment