リストマーカーをまとめて指定する

list-style

{ list-style リスト・スタイル : -type -position -image; }

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

初期値 各プロパティに準じる
継承 各プロパティに準じる
適用される要素 リストアイテム要素
モジュール CSS Lists and Counter Module

値の指定方法

指定できる値は各プロパティと同様です。各プロパティは半角スペースで区切って指定します。ただし、noneを単独で指定すると、list-style-image、list-style-typeプロパティの両方に適用され、リストマーカーが表示されなくなります。

サンプルコード

.list {
  list-style: disc outside;
}

上記のようにlist-styleプロパティを指定すると、各プロパティを以下のように指定した場合と同様の表示になります。

.list{
  list-style-type: disc;
  list-style-position: outside;
}

関連記事