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 |