counter-incrementプロパティ。
CSSに於けるカウンタへの加算値・counter-incrementプロパティに関する解説です。
counter-incrementプロパティとは。
counter-incrementプロパティは、カウンタへの加算値です。
counter-incrementプロパティの書式。
counter-incrementプロパティの書式は、以下のようになります。
counter-increment: 値値としては、以下のものが取れます。
counter-incrementプロパティの記述例。
例えば、HTMLの<ol>要素直下の<li>要素において、マーカとして「その○： 」(○は和数字)と出力させたい場合は、
ol {counter-reset: olcount 0;}ol>li {list-style-type: none;}ol>li:before {content: "その" counter(olcount, cjk-ideographic) "： ";counter-increment: olcount 1;}
と記述します。
counter-incrementプロパティに関する注意事項。
counter-incrementプロパティの仕様上の注意。
counter-incrementプロパティとcontentプロパティの関係。
カウンタを出力するcontentプロパティを含むプロパティ定義においてcounter-incrementプロパティが含まれている場合は、当該カウンタをcounter-incrementプロパティに従って加算した結果を出力します。
- CSSのプロパティ定義においてはプロパティの記述順序には意味がありません。
従って、カウンタの値を 1から始める場合は、counter-resetでは 0に初期化する必要があります。
非表示要素でのcounter-incrementプロパティは無効です。
displayプロパティでnone値を与えられている要素及びその下位要素でのcounter-incrementプロパティは無効となります。
counter-incrementプロパティの実装上の注意。(平成19年 6月12日)
その他のユーザエージェントでの注意事項。(平成19年 6月12日)
サファリや旧ヴァージョンのもじら系ブラウザなどで、counter-incrementプロパティが使えない場合があります。
もじら系ブラウザの場合、ファイヤーフォックスで言えば1.5.0より前のヴァージョン、ゲッコーのリヴィジョンで言えば1.8より前のものは利用出来ません。
尚、サファリについては、平成19年秋にリリース予定とされている第3.0版以降でサポートされるようです。(平成19年 6月12日)
WAP 2.0での注意事項。
WAP 2.0では、counter-incrementプロパティは定義されておりません。