書式
counter-increment:カウンタ名 増分
対象
全ての要素
継承
する
初期値
none
バージョン
CSS Level 2
対応ブラウザ
Firefox 1.5以降, Opera 8以降
解説
カウンタの値を増やします。Opera 8以降では増分指定が反映されますが、Firefox 1.5では増分指定をしてもカウンタの値は増えません。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { width:300px;height:100px;
border:1px black solid;
}
h2:before { counter-increment:num 5;
content:"第" counter(num) "項：" }
--></style>
</head>
<body>
<h1>カウンタ</h1>
<div>Sample Text</div>
<h2>はじめに</h2>
<div>Sample Text</div>
<h2>次にやるべきこと</h2>
<div>Sample Text</div>
</body>
</html>