counter

UK[ˈkaʊntə(r)] US[ˈkaʊntɚ]

n. Counter; counter; opposite; (some board games ) Chip

adj. Opposite

vt. Counterattack, fight back; move in the opposite direction, confront; retort, answer

vi. Move in the opposite direction, confront; rebuttal

adv. In the opposite direction; in the opposite direction

Third person singular: counters Plural: counters Present participle: countering Past tense: countered Past participle: countered

increment

UK[ˈɪŋkrəmənt] US[ˈɪnkrəmənt, ˈɪŋ-]

n. Increment; growth; increase; regular salary increase

Plural: increments

css counter-increment property syntax

Function:Set the counter increment for each occurrence of a selector. The default increment is 1.

Description: Using this attribute, the counter can be incremented (or decremented) by a certain value, which can be a positive or negative value. If no number value is provided, it defaults to 1.

Note: If "display: none" is used, the count cannot be incremented. If "visibility: hidden" is used, the count can be increased.

css counter-increment property example

<!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>

Run instance »

Click the "Run instance" button to view the online instance