Latest web development tutorials

HTML DOM Style counterIncrement property

Style Object Reference Style Objects

Examples

Change counterIncrement properties:

document.getElementById("myH1").style.counterIncrement = "subsection";

try it"

Definition and Usage

counterIncrement property adding one or more counter.

counterIncrement property is often used in conjunction with counterReset attributes and content attributes.


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support counterIncrement property.

Note:! Only when you specify a DOCTYPE when, IE8 is supported counterIncrement property.


grammar

Back counterIncrement properties:

object .style.counterIncrement

Setting counterIncrement properties:

object .style.counterIncrement="none|id|initial|inherit"

Property Value

描述
none 默认值。没有计数器会被增加。
id number id定义了哪一个计数器应被增加。number设置了计数器在选择器每出现一次应增加多少。默认增加值是 1。允许 0 或负值。如果id所指向的计数器未被 counter-reset 初始化,则默认初始值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

technical details

Defaults: none
return value: String representing the counter-increment property element.
CSS version CSS2


Style Object Reference Style Objects