CSSカウンタリセットプロパティ
例
サブセクション番号の一部(例えば、 "第1"、 "1.1"、 "1.2")のメソッド:
body
{
counter-reset:section;
}
h1
{
counter-reset:subsection;
}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
{
counter-reset:section;
}
h1
{
counter-reset:subsection;
}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
»をお試しください
属性の定義と指示
カウンターリセットまたは1つ以上のカウンタを作成するには、プロパティをリセットします。
カウンターリセットプロパティとカウンタインクリメントプロパティ、コンテンツ属性が通常です。
デフォルト: | なし |
---|---|
継承: | いいえ |
バージョン: | CSS2 |
JavaScriptシンタックス: | オブジェクト.style.counterReset = "サブセクション" |
ブラウザのサポート
すべての主要なブラウザは、カウンターリセットプロパティをサポートしています。
注:IE8は 、必ず指定のDOCTYPEは、カウンターリセットプロパティをサポート!
プロパティ値
値 | 説明 |
---|---|
なし | デフォルト。 あなたはカウンターのリセットを選択することはできません |
ID番号 | 定義されたIDは、カウンタセレクタ、IDまたはクラスをリセットします。 あなたはこの数セレクタカウンタに出現回数を設定することができます。 ゼロ、正または負とすることができます。 |
受け継ぎます | 引当金は、親要素からカウンターリセットのプロパティ値を継承しなければなりません |
関連記事
CSSリファレンス: :前に擬似要素を
CSSリファレンス: :擬似要素の後
CSSリファレンス: コンテンツのプロパティ
CSSリファレンス: カウンターINCREMENT属性