We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

概要

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 の定義
勧告  

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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