[メモ]順位付けのCSS定義について

順位付けの表記を簡単に書くCSS記述についてをまとめます。

この手の値は検索結果から生成されることが多いのでCSSで定義することがなかったのでまとめる。

ひとまずここに書かれている内容です。

http://www.htmq.com/style/counter-increment.shtml

■値

none→カウンタの値を進めない（初期値）

カウンタ名→指定した名前のカウンタの値を1つ進める

カウンタ名 整数値→半角スペースで区切って整数値を指定すると、カウンタの値がその数だけ前後する

■定義例

.rank:before {
counter-increment:incrementname;←変数定義
content:counter(incrementname) “位　”;←この表示がされる
}
.rankreset {counter-reset:incrementname;}←この定義が適用されると数値がリセットされる

1位、2位・・・と表記される