HTML & CSS

最終更新日:
公開日:

リファレンス

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

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。