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) " ";
}
»をお試しください
属性の定義と指示
カウンタインクリメントプロパティは、カウンタ値以上をインクリメントします。
カウンタインクリメントプロパティは、一般的に、カウンターリセット属性とコンテンツの属性に使用されます。
デフォルト: | なし |
---|---|
継承: | いいえ |
バージョン: | CSS2 |
JavaScriptシンタックス: | オブジェクト.style.counterIncrement = "サブセクション" |
ブラウザのサポート
すべての主要なブラウザは、カウンターインクリメントプロパティをサポートしています。
注:IE8のみ指定DOCTYPEサポートカウンターインクリメントプロパティ!
プロパティ値
値 | 説明 |
---|---|
なし | 無カウンタがインクリメントされていません |
ID番号 | ID定義は、カウントセレクタ、IDまたはクラスが増加します。 数定義されて増加します。 数字は、ゼロ、正または負であり得ます。 |
受け継ぎます | 値指定されたカウンタインクリメントプロパティは、親要素から継承する必要があります |
関連記事
CSSリファレンスマニュアル: :擬似要素の前に
CSSリファレンスマニュアル: :擬似要素の後
CSSリファレンスマニュアル: コンテンツのプロパティ
CSSリファレンス: カウンターリセットプロパティ