最終更新日:
公開日:
リファレンス
CSS
リスト スタイル
list-styleプロパティ
リストに関するlist-style-imageプロパティ、list-style-typeプロパティ、list-style-positionプロパティを一括指定するためのプロパティです。
-
初期値
各プロパティの初期値に準ずる
-
継承
継承あり
-
適用できる要素
リストアイテム要素
値
パターン1
list-style-typeプロパティとlist-style-positionプロパティを指定した例です。
CSSコード例
ul {
list-style: lower-roman inside;
}
表示例:
- リスト1
- リスト2
- リスト3
パターン2
list-style-positionプロパティ、list-style-imageプロパティを指定した例です。
list-style-imageプロパティで画像URLを指定した場合は、list-style-typeプロパティの値は無視されます。
CSSコード例
ul {
list-style: url(/wp-content/uploads/2016/08/icon_star.png) outside;
}
表示例:
- リスト1
- リスト2
- リスト3
こちらの記事は役に立ちましたか?
コメントありがとうございます!
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。