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

counter-resetプロパティ

 counter-resetプロパティは、contentプロパティの番号付けに利用するプロパティです。値をリセットします。

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

body {
  counter-reset: example_counter;
}

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

構文(Syntax)

CSS

counter-reset: none | name number | initial | inherit ;

DOM(JavaScript)

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

Values

Value摘要
none初期値(default値)
name numberカウンター名と初期値
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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