Posts

Yamada Hayao

CSSでリストのスタイルを弄る

TailwindCSSを用いて、`<ul>`で表示されるリストをカスタマイズする方法がわからなかったのでメモ。ネット上の沈痛な月収100万サムライエンジニア系のサイトでは`list-style:none;`したうえで`::before`で…という説明が溢れかえっているがこれは適切な用法ではない。 ## CSSでリストの要素を自由にカスタマイズするリストの文字はCSSでは`list-style-type`プロパティで変更できる。 ```css ul { list-style-type: "-"; } ``` このプロパティは各値以外にも任意の文字列を受け取れるらしく、文字