CSSのcounters()で箇条書きの数字をカスタマイズできておもしろい - hogashi.*

CSS に counters() というのがあって、 1.1 とかをカスタマイズできておもしろい。 counters() - CSS: Cascading Style Sheets | MDN 言 葉 庭 というのをシンボルに使うことにして、繋ぎを の にするとこうなる。 @counter-style kotonohanoniwa { system: fixed; symbols: 言 葉 庭; suffix: " "; } ol { counter-reset: kounter; } ol li { counter-increment: kounter; margin-left: 30px; } ol li::marker { content: counters(kounter, 'の', kotonohanoniwa) ") "; } 実際に ol で見るとこう。 1 1,

[kvx]

最新safariだとただの数字

[kazatsuyu]

何の何の何？

[Pasta-K]

便利やん！！！

[amagitakayosi]

便利すぎる

[Windymelt]

面白い！