【CSS Modules】markerプロパティの使い方
markerプロパティの使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
markerプロパティは、HTMLのリスト要素（<ul>, <ol>, <li> など）に表示される箇条書きの記号や番号（マーカー）のスタイルを保持するプロパティです。このプロパティを使用することで、リストアイテムの前に表示されるマーカーの種類、色、サイズ、そして位置などを詳細に設定し、デザインをカスタマイズできます。
具体的には、マーカーの種類を数字やアルファベット、ローマ数字、特定の記号（ディスク、サークル、スクエアなど）に指定したり、独自の文字列や画像をマーカーとして表示させたりすることが可能です。また、マーカー自体の色やフォントサイズ、マージンなどの視覚的なスタイルも調整できます。これにより、単なる箇条書きではなく、ウェブページ全体のデザインコンセプトに合わせた統一感のあるリスト表現を実現できます。
システムエンジニアを目指す方にとって、このプロパティを理解することは、ユーザーインターフェースの見た目を整え、情報の可読性を高める上で非常に重要です。文書の構造を視覚的に明確にし、ユーザーが情報を効率的に把握できるようにするために活用されます。例えば、ナビゲーションメニューや手順の説明など、様々な場面でリストが用いられるため、マーカーの適切なスタイリングは、ウェブサイトやアプリケーションの使いやすさに直結します。
このプロパティは、ウェブコンテンツのデザインにおいて、情報の階層を明確にし、視認性を向上させるための強力なツールとなります。
公式リファレンス: marker
構文(syntax)
1marker: disc outside;
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません