自動番号振り

説明

counter-reset: reset; C2- ie8-

counter-increment: increment; C2- ie8-

値:	[ <識別子> <整数値>? ]+ \| none \| inherit

初期値：none、適用要素：すべて、継承：しない、%値：なし、メディア：すべて

自動番号振りは「counter-increment」「counter-reset」という2つのプロパティによって制御されます。これらのプロパティによって定義されたカウンタは、内容を追加するcontentプロパティの「counter()」「counters()」という2つの関数を通して取り出されます。

カウンタサンプル詳細

使用例


ol {counter-reset:item} 

li:before {content:counters(item, "."); counter-increment:item}

counter-resetの値

カウンタ名と整数値	C2- ie8- 値をリセットしたいカウンタ名(識別子)と、オプションであるリセット値を整数値で指定します。デフォルトのリセット値は0です。識別値と整数値のペアは半角スペース[ ]で区切って複数指定することもできます。
none	C2- ie8- カウンタの値をリセットしません。初期値。

counter-incrementの値

カウンタ名と整数値	C2- ie8- 値を進めたいカウンタ名(識別子)と、オプションである増加値を整数値で指定します。デフォルトの増加値は1で、0や負の値も指定できます。識別子と整数値のペアは半角スペース[ ]で区切って複数指定することもできます。
none	C2- ie8- カウンタの値を進めません。初期値。

自動番号振りのレンダリング

自動番号振りのサンプル

リストにおけるcounter()関数を用いたサンプル

リストにおけるcounters()関数を用いたサンプル

自動番号振り (Automatic numbering)

説明

使用例

counter-resetの値

counter-incrementの値

自動番号振りのレンダリング