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.增量;增长;增额; 定期的加薪

复数: increments

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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答