CSS Reference

::marker

リスト項目のマーカーボックスにスタイルを適用する

::marker 疑似要素は、リスト項目で自動生成されるマーカーボックスにスタイルを適用します。

li 要素や summary 要素などのリスト項目を表す要素、あるいは疑似要素で使用することができます。

仕様上、::marker 疑似要素には、すべての CSS プロパティが指定可能となっており、例えば、CSS アニメーションや transition 関連プロパティも指定可能ですが、実際にそれが適用されるかについてはユーザエージェントの実装に依存します。例えば、Safari では、color と font-size プロパティの指定にのみ対応するなど、ユーザエージェントによって異なる場合があります。

なお、::before::marker、または ::after::marker セレクタも有効です。この場合、リスト項目として挿入された ::before、または ::after 擬似要素のマーカーボックスにスタイルを適用することができます。

::markerのサンプルソース

ul li::marker {
  color: red;
  font-size: 1.5em;
}

主要ブラウザの対応

IE11 ×
Edge（EdgeHTML） ×
Edge（Chromium） ○
Chrome ○
Firefox ○
Safari ○
iOS Safari ○color と font-size プロパティのみ指定可能
Android Chrome ○

関連する疑似要素

仕様書

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge（EdgeHTML）
Edge（Chromium）
Firefox
Chrome
Safari
iOS Safari
Android Chrome