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>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例