例
一種方法與數部分和子部分與"Section 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) " ";
}
試一試» 定義和用法
計數器增量屬性遞增一個或多個計數器的值。
計數器增量屬性通常與計數器復位屬性和內容屬性一起使用。
| 默認值： | none |
|---|---|
| 遺傳： | no |
| 動畫： | no. Read about animatable |
| 版： | CSS2 |
| JavaScript語法： | object .style.counterIncrement = "subsection"; Try it |
瀏覽器支持
在表中的數字規定，完全支持該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| counter-increment | 4 | 8 | 2.0 | 3.1 | 9.6 |
Note: IE8只支持如果指定了DOCTYPE反增量財產！
CSS語法
counter-increment: none|id|initial|inherit;屬性值
| 值 | 描述 |
|---|---|
| none | 默認值。 沒有計數器將遞增 |
| id number | 的id定義應該遞增該計數器。 該number將計數器多少會增加對選擇的每一次出現。 默認增量為1。0或負值，是允許的。 如果該id是指尚未由計數器復位初始化的計數器，默認初始值是0 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
相關頁面
CSS參考： ：before偽元素
CSS參考： ：偽元素之後
CSS參考： content property
CSS參考： counter-reset property
HTML DOM參考： counterIncrement property