最終更新日

list-styleプロパティ

list-styleは、リスト関連プロパティをまとめて指定するためのショートハンドプロパティです。

list-style-typelist-style-positionlist-style-imageの値を、好きな順番で、半角スペースで区切って指定します。

list-style-typeと、list-style-imageの値を同時に指定した場合は、list-style-imageの値が優先されます。

CSS3での変更点
特にありません
初期値 適用先 継承
各プロパティの初期値 display: list-item;」を指定された要素 あり
説明
list-style-typeの値 マーカーの種類を指定します。
list-style-positionの値 マーカーの位置を指定します。
list-style-imageの値 マーカーに画像を使用します。
サンプルコード
list-style: circle inside url("images/mark.png");
list-style: square outside url('images/mark2.png');
参考文献:CSS Lists and Counters Module Level 3外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。