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-reset

概要

counter-reset は、 CSS のカウンタを、与えられた値に初期化するために用いる CSS プロパティです。

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

構文

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

<user-ident>
初期化の対象となる、カウンタの名前です。
<integer>
要素が出現するごとに、カウンタを初期化するための値です。与えられない場合、初期値の 0 とされます。

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

h1 {
  counter-reset: chapter section 1 page;
  /* chapter と page カウンタを 0 に、
     section カウンタを 1 に設定します。 */
}

仕様

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

ブラウザの互換性

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

参照

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

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