CSS

【list-style】リスト関連の設定

みいと

list-styleプロパティでリスト関連プロパティを一括で設定する

list-styleプロパティを使用すると、リスト関連プロパティを一括で設定することができます。

list-styleプロパティには、下記のプロパティを指定できます。

  • list-style-type
  • list-style-image
  • list-style-position

複数の値を設定する場合は、半角スペースで区切って指定します。

list-style: inside circle url(star.gif);

list-styleの例

このように、list-style-typeとlist-style-imageが両方指定された場合には、list-style-imageが優先されます。

list-style-typeとlist-style-imageが両方指定された場合には、list-style-imageが優先される。

リスト関連プロパティの一括設定まとめ

今回は、リスト関連プロパティの一括設定についてまとめました。

複数のプロパティを指定したい場合に便利ですね。

まとめ

  • list-styleプロパティを使用すると、リスト関連プロパティを一括で設定できる
  • list-style-typeとlist-style-imageが両方指定された場合には、list-style-imageが優先される

ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました