counter

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

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

adj. Opposite

vt. 反撃、反撃、反対方向に移動、対峙、言い返す、答える

vi. 反対方向に移動、対峙、反論

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

#三人称単数:counters 複数形:counters 現在分詞:countering 過去形:countered 過去分詞:countered

increment

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

n. インクリメント; 成長; 増加; 定期昇給

複数形: 増分

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

関数:セレクターが出現するたびにカウンターの増分を設定します。デフォルトの増分は 1 です。

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

注: 「display: none」を使用した場合、カウントは増加できません。 「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>如果已规定 !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>

インスタンスの実行 »

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