概要

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

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

構文

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

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

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

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

仕様

仕様 状態 コメント
CSS Level 2 (Revision 1)
counter-increment の定義
勧告  

ブラウザ実装状況

機能 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,