CSS CSS, ,

CSSカウンターは、3つの主なプロパティを使用します: counter-resetは親要素でカウンターを初期化し、counter-incrementは子要素でカウンターを増分し、contentプロパティのcounter()またはcounters()は値を表示します。counter-resetプロパティは新しいカウンターアンスタンスを作成します: counter-reset: section。counter-incrementはそれを進めます: counter-increment: section。::before疑似要素のcontentプロパティはカウンターを表示します: content: counter(section)。counter()関数はオプションのstyle引数を受け付けます: counter(section, upper-roman)。ネストされたカウンターの場合、各レベルは独自のサブカウンターをリセットします。counters()関数（注意：'s'が付いています）はネストされたスコープを処理します: counters(section, ".")は「1.2.3」表記を生成します。使用可能なリストスタイルタイプには、decimal、decimal-leading-zero、lower-alpha、upper-alpha、lower-roman、upper-roman、lower-greekなどがあります。複数のカウンターを定義して独立して使用できます。