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 伪元素
CSS 参考手册:CSS :after 伪元素
CSS 参考手册:content 属性
CSS 参考手册:counter-reset 属性