[B! css] kara35のブックマーク

CSS で counter を使って自動連番を振る際の注意点 - lucky bag

content プロパティを使って、CSS2.1 の counter による自動連番の挿入っつうマニアック気味なちょっとした実験で気付いたことがあったのでメモ。どうやら、ブラウザによっては、counter のリセットを明示しなくても良いものや、リセットしないと連番にならないものがあるっぽい。サンプルを作成して実験下記のような定義リストを用意して、これの dt 要素（記事タイトル部分）の頭に上から連番で番号を振っていきたいと思ったとする。 <dl> <dt>記事タイトル</dt> <dd>記事の概要</dd> <dt>記事タイトル</dt> <dd>記事の概要</dd> <dt>記事タイトル</dt> <dd>記事の概要</dd> <dt>記事タイトル</dt> <dd>記事の概要</dd> </dl> とりあえず、::before 疑似要素使って content プロパティで coun

kara35 2007/05/31