箇条書きについて

[新着] Webテンプレートを仮オープンしました



0   名前: なる : 2007/07/08(日) 13:41  ID:69lvJsvX sub-Ax
箇条書き(順序有り)にて2.1や2.2といったサブメニューを作るにはどうすればいいでしょうか?

1. 目次
2. 目次
■■2.1 目次
■■2.2 目次
3. 目次

上のような箇条書きを作りたいのですが・・・。

*どうやら空白は禁止みたいなので、空白は■であらわしています。


UL要素を入れ子にしてみましたが、望んでいた結果にはなりませんでした。

1   名前: 匿名 : 2007/07/08(日) 13:41  ID:epW2eUw6 sub-8t
ol, ul { counter-reset: item }
li:before { content: counters(item, "."); counter-increment: item }
li { list-style-type: none }

参考
http://www.tagindex.com/stylesheet/basic/format5.html
疑似要素の指定
http://www.tagindex.com/stylesheet/text_font/content.html
内容を追加する
http://www.w3.org/TR/REC-CSS2/generate.html#counters
Automatic counters and numbering

一覧へ戻る