例
一種方法與數部分和子部分與"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.counterReset="section" Try it |
瀏覽器支持
在表中的數字規定，完全支持該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| counter-reset | 4 | 8 | 2.0 | 3.1 | 9.6 |
Note: IE8只支持如果指定了DOCTYPE計數器復位財產！
CSS語法
counter-reset: none|name number|initial|inherit;屬性值
| 值 | 描述 |
|---|---|
| none | 默認值。 沒有計數器將被重置 |
| name | 該name定義了計數器應復位 |
| number | 的id定義了應重置該計數器。 的number將計數器設置為所述選擇的每次出現的值。 默認的復位值是0 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
相關頁面
CSS參考： ：before偽元素
CSS參考： ：偽元素之後
CSS參考： content property
CSS參考： counter-increment property
HTML DOM參考： counterReset property