CSS counter-increment 屬性

實(shí)例

對(duì)部分和子部分進(jìn)行編號(hào)（比如 "Section 1"、"1.1"、"1.2"）的方法：

body
{
counter-reset:section;
}

h1
{
counter-reset:subsection;
}

h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}

h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
 

嘗試一下 ?

屬性定義及使用說(shuō)明

counter-increment屬性遞增一個(gè)或多個(gè)計(jì)數(shù)器值。

counter-increment屬性通常用于counter-reset屬性和content屬性。

默認(rèn)值： none
繼承： no
版本： CSS2
JavaScript 語(yǔ)法： object.style.counterIncrement="subsection"

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持counter-increment屬性。

注意：IE8只有指定!DOCTYPE才支持counter-increment屬性。

屬性值

值 說(shuō)明
none 沒(méi)有計(jì)數(shù)器將遞增
id number id 定義將增加計(jì)數(shù)的選擇器、id 或 class。number 定義增量。number 可以是正數(shù)、零或者負(fù)數(shù)。
inherit 指定counter-increment屬性的值，應(yīng)該從父元素繼承

相關(guān)文章

CSS 參考手冊(cè): :before 偽元素

CSS 參考手冊(cè): :after 偽元素

CSS 參考手冊(cè): content 屬性

CSS 參考手冊(cè): counter-reset 屬性