counter-increment

概要

counter-increment は、与えられた値によって、 CSS のカウンタの値を増加させるための CSS プロパティです。カウンタの値は CSS の counter-reset プロパティを使って初期化することができます。

構文

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

値

<user-ident>

増加の対象となる、カウンタの名前です。

<integer>

カウンタに加える値です。与えられない場合、初期値の 1 とされます。

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

例

h1 {
  counter-increment: chapter section 2 page;
  /* chapter と page カウンタの値を 1 、
     section カウンタの値を 2 増加させます。 */
}

仕様

ブラウザ実装状況

関連情報

• CSS のカウンタ、 counter-reset