list-styleプロパティ

プロパティlist-styleは、 リスト項目のマーカー種類list-style-type、 画像list-style-image、 およびその位置list-style-positionを、 ulまたはolタグに対して同時に設定できます。

値の順序は問いません。

例

リストに四角形のマーカーを設定してみましょう：

html<ul>
  <li>リスト項目</li>
  <li>リスト項目</li>
  <li>リスト項目</li>
  <li>リスト項目</li>
  <li>リスト項目</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

例

次に、プロパティlist-styleで、 マーカーの画像とテキストブロック内への配置を設定しましょう：

html<ul>
  <li>リスト項目</li>
  <li>リスト項目</li>
  <li>リスト項目</li>
  <li>リスト項目</li>
  <li>リスト項目</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: