備忘録的プログラミングリファレンス

counter-incrementプロパティ

 counter-incrementプロパティは、contentプロパティの番号付けに利用するプロパティです。値を増減させます。

 counter-incrementプロパティは、counter-resetcontentプロパティと併用します。

body {
  counter-reset: example_counter;
}

h3::before {
  counter-increment: example_counter;
  content: " " counter(mexample_counter) ". ";
...

構文(Syntax)

CSS

counter-increment: none | id number | initial | inherit ;

DOM(JavaScript)

値の取得
String = object.style.counterIncrement;
値の設定
object.style.counterIncrement=" none | id number | initial | inherit ";

Values

Value摘要
none初期値(default値)
id number通常は1つずつ増加します。numberに-1を指定すると-1ずつ減少します。
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
変化(Animatable)No