最終更新日

counter-incrementプロパティ

counter-incrementは、contentで挿入されたカウンタの値を進めるプロパティです。

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

カウンタの値をリセットしたい場合は、counter-resetを使用します。

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