counter-increment

counter-increment是一個函式，屬性設定某個選取器每次出現的計數器增量。默認增量是 1。

基本介紹

• 外文名：counter-increment
• 屬於：一個函式
• 默認增量：是1
• 繼承性：NO

定義

屬性設定某個選取器每次出現的計數器增量。默認增量是 1。

如果使用了 "display: none"，則無法增加計數。如使用 "visibility: hidden"，則可增加計數。

繼承性：NO

利用這個屬性，計數器可以遞增（或遞減）某個值，這可以是正值或負值。如果沒有提供 number 值，則默認為 1。

JavaScript 語法

CSS 屬性也可通過一段 JavaScript 被動態地改變。

object.style.counterIncrement="section 2"

例子

A way to number sections with "Section 1", "Section 2", "Section 3"etc.: h1:before {content: "Section " counter(section) " ";/* Add 1 to section */counter-increment: section; }A way to number sections with "Section 1", "Section 3", "Section 5" etc.:h1:before {content: "Section " counter(section) " ";/* Add 2 to section */counter-increment: section 2; }

counter-increment屬性

語法

counter-increment：none | []+

默認值：none

取值

none：

阻止計數器增加

<identifier>：

identifier定義一個或多個將被增加的selector，id，或者class

<integer>：

定義計算器每次增加的數值，可以為負值，默認值是1

說明

設定當一個selector發生時計數器增加的值。

對應的腳本特性為counterIncrement。

示例

默認時的計數器：列表項列表項列表項修改計數器每次增加的值為2：列表項列表項列表項修改計數器每次增加的值為 - 1：列表項列表項列表項