最終更新日

counter-resetプロパティ

counter-resetは、contentで挿入されたカウンタの値をリセットするプロパティです。

値には「カウンタ名」を指定します。カウンタ名は、半角スペースで区切って複数指定することもできます。

カウンタの値を増やしたい場合は、counter-incrementを使用します。

CSS3での変更点
特にありません
初期値 適用先 継承
none すべての要素 なし
説明
カウンタ名 カウンタの値を「0」にリセットします。カウンタ名は半角スペースで区切って、複数指定することもできます。
カウンタ名 整数値 指定された整数値にカウンタをリセットします。「0」と負の値も指定可能です。カウンタ名は半角スペースで区切って、複数指定することもできます。
none カウンタの値をリセットしません。(初期値
サンプルコード
counter-reset: chapter;
counter-reset: chapter 2;
counter-reset: chapter -1;
counter-reset: none;
参考文献:CSS3 Generated and Replaced Content Module外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。