CSS list-styleジェネレーター
CSSのlist-style-type/position/imageとカスタムマーカー(::marker)を設定してプレビュー。
ul {
list-style-type: disc;
list-style-position: outside;
}
- First list item
- Second list item
- Third list item
- Fourth list item
順序付きリスト (ol) プレビュー
- First ordered item
- Second ordered item
- Third ordered item
CSS list-styleプロパティについて
list-styleはリスト（ul/ol）のマーカースタイルを制御するCSSプロパティです。list-style-type（マーカー種類）、list-style-position（マーカー位置）、list-style-image（カスタム画像）を一括指定できます。
::marker疑似要素
::marker疑似要素を使うことで、マーカーの色やコンテンツを自由にカスタマイズできます。contentプロパティで絵文字や記号をマーカーとして設定可能です。