2024-12-06/技術系
CSSでリストのスタイルを弄る
TailwindCSSを用いて、 で表示されるリストをカスタマイズする方法がわからなかったのでメモ。 ネット上の沈痛な月収100万サムライエンジニア系のサイトではlist-style:none;したうえで::beforeで…という説明が溢れかえっているがこれは適切な用法ではない。 CSSでリストの要素を自由にカスタマイズする リストの文字はCSSではlist-style-typeプロパティで変更できる。 このプロパティは各値以外にも任意の文字列を受け取れるらしく、文字を指定した場合はそれを表示してくれる。 https://developer.mozilla.org/ja/docs/Web/CS