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

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

構文

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

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

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

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

仕様

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

ブラウザの互換性

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.1 (?)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本的なサポート ? ? ? ? ?

参照

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

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