counter

UK[?ka?nt?(r)] US[?ka?nt?]

n. カウンター; カウンター; 反対; (一部のボード ゲーム ) チップ

adj. Opposite

vt. 反撃、反撃、反対方向に移動(dòng)、対峙、言い返す、答える

vi. 反対方向に移動(dòng)、対峙、反論

adv. 逆の方向に; 逆の方向に

#三人稱単數(shù):counters 複數(shù)形:counters 現(xiàn)在分詞:countering 過去形:countered 過去分詞:countered

increment

UK[???kr?m?nt] US[??nkr?m?nt, ???-]

n. インクリメント; 成長(zhǎng); 増加; 定期昇給

複數(shù)形: 増分

CSS カウンタインクリメントプロパティ 構(gòu)文

関數(shù):セレクターが出現(xiàn)するたびにカウンターの増分を設(shè)定します。デフォルトの増分は 1 です。

説明: この屬性を使用すると、カウンタを特定の値 (正または負(fù)の値) だけインクリメント (またはデクリメント) できます。數(shù)値が指定されていない場(chǎng)合は、デフォルトの 1 が使用されます。

注: 「display: none」を使用した場(chǎng)合、カウントは増加できません。 「visibility: hidden」を使用するとカウントを増やすことができます。

CSS カウンタインクリメントプロパティ 例

<!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>如果已規(guī)定 !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>

インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します