# CSS counter-reset 屬性 ## 實例 對部分和子部分進行編號（比如 "Section 1"、"1.1"、"1.2"）的方法： ``` body { counter-reset:section; } h1 { counter-reset:subsection; } h1:before { content:"Section " counter(section) ". "; counter-increment:section; } h2:before { counter-increment:subsection; content:counter(section) "." counter(subsection) " "; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 counter-reset 屬性。 注釋：如果已規定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-reset 屬性。 ## 定義和用法 counter-reset 屬性設置某個選擇器出現次數的計數器的值。默認為 0。 利用這個屬性，計數器可以設置或重置為任何值，可以是正值或負值。如果沒有提供 number，則默認為 0。 注釋：如果使用 "display: none"，則無法重置計數器。如果使用 "visibility: hidden"，則可以重置計數器。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS2 | | --- | --- | | JavaScript 語法： | _object_.style.counterReset="subsection" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | none | 默認。不能對選擇器的計數器進行重置。 | | _id number_ | _id_ 定義重置計數器的選擇器、id 或 class。 _number_ 可設置此選擇器出現次數的計數器的值。可以是正數、零或負數。 | | inherit | 規定應該從父元素繼承 counter-reset 屬性的值。 | ## 相關頁面 CSS 參考手冊：[CSS :before 偽元素](/cssref/pr_pseudo_before.asp "CSS :before 偽元素") CSS 參考手冊：[CSS :after 偽元素](/cssref/pr_pseudo_after.asp "CSS :after 偽元素") CSS 參考手冊：[content 屬性](/cssref/pr_gen_content.asp "CSS content 屬性") CSS 參考手冊：[counter-increment 屬性](/cssref/pr_gen_counter-increment.asp "CSS counter-increment 屬性")