Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

counter-increment

概要

counter-increment は、与えられた値によって、 CSS のカウンタの値を増加させるための CSS プロパティです。カウンタの値は CSS の counter-reset プロパティを使って初期化することができます。

初期値none
適用対象全要素
継承不可
メディアall
計算値指定値
アニメーションの可否不可
正規順序形式文法で定義される一意のあいまいでない順序

構文

[<user-ident> <integer>?]+ | none

<user-ident>
増加の対象となる、カウンタの名前です。
<integer>
カウンタに加える値です。与えられない場合、初期値の 1 とされます。

任意の数の増加させるカウンタを、スペースで分割して指定することができます。

h1 {
  counter-increment: chapter section 2 page;
  /* chapter と page カウンタの値を 1 、
     section カウンタの値を 2 増加させます。 */
}

仕様

仕様 状態 コメント
CSS Level 2 (Revision 1)
The definition of 'counter-increment' in that specification.
勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本的なサポート 2.0 1.0 (?) 8.0 9.2 3.0 (?)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本的なサポート ? ? ? ? ?

関連情報

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Sebastianz, ethertank, sii
 最終更新者: Sebastianz,