HTMLで番号を振る方法について解説します

2009/09/08 17:12

このQ&Aのポイント

HTMLで番号を振る方法について解説します。Wordのアウトラインのような番号を振りたい場合、<ol>タグを使用します。
現状のタグは<ol>タグを使用しているため、番号を振ることができます。
HTMLで番号を振る方法について調べてみましたが、解決策が見つかりませんでした。質問者が解決策を求めているようです。

apena
お礼率100% (6/6)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

steel_gray
ベストアンサー率66% (1052/1578)

2009/09/08 17:33 回答No.1

HTMLではそこまで複雑な指定はできない。現状では手作業で振っていくか、表示されない環境には目をつぶってJavascriptで付けるぐらいしかない。と思う。 CSS2の仕様にはあるけど、対応しているブラウザは希少。 http://www.y-adagio.com/public/standards/tr_css2/generate.html#counters 一応、Operaでは対応してた。 <html> <head> <title></title> <style type="text/css"> ol {list-style:none;} #list ol li:before { content: counter(chapter) "." counter(section) " "; counter-increment: section; } #list>li:before { content: counter(chapter) ". "; counter-increment: chapter; /* Add 1 to chapter */ counter-reset: section; /* Set section to 0 */ } </style> </head> <body> <ol id="list"> <li>AAAAA <ol><li>aaaa</li><li>bbbb</li><li>cccc</li></ol> </li> <li>BBBBB <ol><li>dddd</li><li>eeee</li></ol> </li> <li>CCCCC <ol><li>ffff</li><li>gggg</li><li>hhhh</li></ol> </li> </ol> </body> </html>

質問者