| 属性名 | counter-set |
|---|---|
| 値 | [ <counter-name> <integer>? ]+ | none |
| 初期値 | none |
| 適用可能要素 | すべての要素 |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_counter-set |
カウンター値を設定します。counter-reset ではカウンター値を 0 に設定することしかできませんが、ページ先頭のカウンターを途中の番号から始めたい場合に使用します。
<counter-name><integer>
body {
counter-set: my-chapter 5;
}
h1 {
font-size: 24px;
counter-increment: my-chapter;
}
h1::before {
content: counter(my-chapter) ". ";
}
<h1>AAA</h1> <h1>BBB</h1> <h1>CCC</h1>