【CSS Modules】marker-startプロパティの使い方

marker-startプロパティは、リストアイテムのマーカーの表示位置に関する情報を保持するプロパティです。主に、順序なしリスト（<ul>）や順序付きリスト（<ol>）といったHTMLのリスト要素に適用され、リストアイテムの先頭に表示されるマーカー（例えば、点や数字など）が、テキストフローの開始側（多くの場合、左書き言語では左端）にどのように配置されるかを制御することを意図していました。具体的には、マーカーがリストアイテムの内容の外側に配置されるのか、あるいはその開始位置にどの程度のオフセット（ずらし）を持たせるのか、といった挙動を定義する目的で提案されていました。

ただし、このmarker-startプロパティは、現在のウェブブラウザにおいて標準的なサポートが限定的であり、広く一般的に使用されることはほとんどありません。ウェブ開発においては、リストマーカーのスタイルや配置を調整する際には、より広くサポートされているlist-style-type、list-style-position、list-style-imageといった個別プロパティ、またはそれらをまとめて設定できるlist-styleショートハンドプロパティを利用することが推奨されています。さらに、より細かくマーカーを制御したい場合には、::marker疑似要素を使用することで、その内容やスタイルを柔軟に定義することが可能です。システムエンジニアを目指す初心者の方は、現在の推奨される方法を優先して学習することをお勧めします。

Copy
1selector {
2  marker-start: none;
3}

引数なし

引数はありません

戻り値なし

戻り値はありません