counter-reset

概要

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

構文

[ <custom-ident> <integer>? ]+ | none

値

<user-ident>

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

<integer>

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

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

例

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

仕様

ブラウザの互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

参照

• CSS のカウンタ、 counter-increment