属性名 | counter-reset |
---|---|
値 | [ <identifier> <integer>? ]+ | none |
初期値 | none |
適用可能要素 | すべての要素 |
継承 | 継承しない |
メディア | visual |
CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS2 | 8 | 1 | 2 | 9.2 | 3.1 |
content の count(...) で挿入するカウンタをリセットします。
値 | 説明 |
---|---|
<identifier> | カウンタ名を指定します。 |
<integer> | リセット値を指定します。省略すると 0 にリセットします。 |
none | 増加しません。 |
body { counter-reset: chapter 3; } h1 { counter-increment: chapter; counter-reset: section; } h1:before { content: counter(chapter) ". "; } h2 { counter-increment: section; counter-reset: subsection; } h2:before { content: counter(chapter) "." counter(section) " "; } h3 { counter-increment: subsection; } h3:before { content: counter(chapter) "." counter(section) "." counter(subsection) " "; }
<h1>Web入門</h1> <h2>HTML</h2> <h3>HTMLとは</h3> <h3>HTMLリファレンス</h3> <h2>CSS</h2> <h3>CSSとは</h3>