DevToolBox

CSS Counter ジェネレーター

CSS Counterを使った自動番号付けを生成。counter-reset、counter-increment、content: counter()を簡単に設定できます。

CSS Counterとは?

CSS Counterは、CSSだけで要素に自動的に番号を付ける機能です。 counter-resetでカウンターを初期化し、counter-incrementで増加、content: counter()で表示します。

主な用途

  • 見出しやセクションの自動番号付け
  • リストアイテムのカスタム番号
  • 目次の自動生成
  • 章・節の階層的な番号付け