css counter-increment屬性
翻譯結果：
counter
英[ˈkaʊntə(r)] 美[ˈkaʊntɚ]
#n.計數器;櫃檯;對立面;（某些棋盤遊戲的）籌碼
adj.相反的
vt.反擊，還擊;反向移動，對著乾;反駁，回答
vi.逆向移動，對著乾;反駁
#adv. 反方向地;背道而馳地
第三人稱單數： counters 複數： counters 現在分詞： countering 過去式： countered 過去分詞： countered
#increment
#英[ˈɪŋkrəmənt] 美[ˈɪnkrəmənt, ˈɪŋ-]
n.增量;成長;增額; 定期的加薪
# #crements##n.增量; 增額;
css counter-increment屬性語法
作用：設定某個選取器每次出現的計數器增量。預設增量是 1。
說明：利用這個屬性，計數器可以遞增（或遞減）某個值，可以是正值或負值。如果沒有提供 number 值，則預設為 1。
註解：如果使用了 "display: none"，則無法增加計數。如使用 "visibility: hidden"，則可增加計數。
css counter-increment屬性範例
<!DOCTYPE>
<html>
<head>
<style type="text/css">
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) " ";
}
</style>
</head>
<body>
<p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-increment 属性。</p>
<h1>HTML tutorials</h1>
<h2>HTML Tutorial</h2>
<h2>XHTML Tutorial</h2>
<h2>CSS Tutorial</h2>
<h1>Scripting tutorials</h1>
<h2>JavaScript</h2>
<h2>VBScript</h2>
<h1>XML tutorials</h1>
<h2>XML</h2>
<h2>XSL</h2>
</body>
</html>執行實例 »
點擊 "執行實例" 按鈕查看線上實例