[CSS]ol要素に頼らないナンバリングするスタイルシートのテクニック

掲載するコンテンツにナンバリングをつける際にまず思いつくのは、ol要素を使うことでしょう。確かに、ol要素はナンバリングするのに非常に合理的です。 ここでは、そのol要素を頼らずにナンバリングするテクニックを紹介します。 Numbering In Style [ad#ad-2] 下記は各ポイントを意訳したものです。 ol要素を使用しないでナンバリングをするコンテンツは、例えばデモにあるようなFAQのリストです。 このFAQのリストは、dl要素で実装されています。 dl要素でナンバリングしたデモページ ※実装は、下記で紹介。 ナンバリングの実装には擬似要素と「counter-increment」を利用しており、アイデアの元となったのは「Styling ordered list numbers」の記事です。 Styling ordered list numbers デモページ このデモでは入れ

[anpontan-pokan]

counter-increment

[ysk_lucky-star]

counter系は未だにサポートしてるブラウザが少ない

[warriorking]

(CSS)ol要素に頼らないナンバリングするスタイルシートのテクニック | コリス

[ryumagazine]

ふむふむ。 / [CSS]ol要素に頼らないナンバリングするスタイルシートのテクニック

[nors]

http://css-tricks.com/15358-numbering-in-style/

[choromo]

【「dl要素」を使うんなら同じようなもんじゃんと思ってしまった】 「[CSS]ol要素に頼らないナンバリングするスタイルシートのテクニック | コリス」

[karakuriko]

IEとSafariでは表示できない？（http://w3g.jp/css/generating_content/counter-increment）

[masahiro0018]

早速試してみよう。

[k_gobo]

但しIE8以上。←この手の記事はたいていこれがネックで実装できない。

[tsuki-rs]

めっちゃ便利やけど、サポートブラウザないのか・・・。

[m-hand]

こんなテクがあったとは！！

[Donca]

✔ [CSS]ol要素に頼らないナンバリングするスタイルシートのテクニック