Newly available 条件付きOK。主要ブラウザで対応済みだが、古いバージョンでは未対応の場合がある。フォールバックを検討。

counter-set

counter-set は CSS のプロパティで、CSS カウンターを指定された値に設定します。

そのカウンターが存在しない場合、counter-set プロパティは、カウンターと値のペアの空白で区切られたリストにあるそれぞれの名前付きカウンターについて、新しいカウンターを作成します。しかし、新しいカウンターを作成するには、 counter-reset プロパティを使用することをお勧めします。

リストに含まれている名前付きカウンターに値が設定されていない場合、そのカウンターの値は 0 に設定されます。

メモ: カウンターの値は counter-increment プロパティを使用して増減させることができます。

カウンター値設定

対応ブラウザ

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

.restart-at-10 {
  counter-set: section 10;
}
.restart-at-10 ~ section::before {
  content: counter(section) '. ';
  counter-increment: section;
}

CSS 10 from Start demo.

CSS middle in reset demo.

CSS 100 from Start demo.

counter-set と counter-reset の違いを理解してください。counter-set は新しいスコープを作成せず、既存カウンターの値を変更するだけです。