【CSS】::marker（擬似要素） - リストのマーカー

CSSの擬似要素の１つ、markerについてご紹介します。

marker

擬似要素markerはリストの箇条記号です。
通常、li要素の箇条記号（黒丸など）を変更します。

基本構文

::marker {
    content: 値;
    プロパティ名: プロパティ値;
}

サンプル

次のコードは擬似要素markerでli要素の箇条記号を小なり括弧（>）に変更します。

<style>
li::marker {
    content: "> ";
}
</style>

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>