# CSS counter-increment 屬性 ## 實例 對部分和子部分進行編號（比如 "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-increment 屬性。 注釋：如果已規定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-increment 屬性。 ## 定義和用法 counter-increment 屬性設置某個選取器每次出現的計數器增量。默認增量是 1。 ### 說明 利用這個屬性，計數器可以遞增（或遞減）某個值，這可以是正值或負值。如果沒有提供 number 值，則默認為 1。 注釋：如果使用了 "display: none"，則無法增加計數。如使用 "visibility: hidden"，則可增加計數。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS2 | | --- | --- | | JavaScript 語法： | _object_.style.counterIncrement="subsection" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | none | 默認。選擇器無計數器增量。 | | _id number_ | _id_ 定義將增加計數的選擇器、id 或 class。 _number_ 定義增量。number 可以是正數、零或者負數。 | | inherit | 規定應該從父元素繼承 counter-increment 屬性的值。 | ## 相關頁面 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-reset 屬性](/cssref/pr_gen_counter-reset.asp "CSS counter-reset 屬性")