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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例