CSS - counter-set

• トップ
• CSSリファレンス
• counter-set

概要

説明

カウンター値を設定します。counter-reset ではカウンター値を 0 に設定することしかできませんが、ページ先頭のカウンターを途中の番号から始めたい場合に使用します。

<counter-name>

カウンター名を指定します。

<integer>

カウンターの数値を指定します。ここで指定した番号の次の番号から始まります。

none

カウンター値を設定しません。

使用例

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>

関連項目

• counter-reset

リンク