【CSS】list-styleプロパティ

list-styleプロパティとは

• list-style-typeプロパティとlist-style-imageプロパティ、list-style-positionプロパティをまとめて設定できる。

list-styleプロパティでまとめて指定できるプロパティとその概要

プロパティ名	概要	記述例
list-style-type	li要素の見栄えを設定する	list-style-type: disc;
list-style-image	li要素で使用する画像を設定する	list-style-image: url('~.png');
list-style-position	li要素の位置を指定する	list-style-position: outside;
list-style	上記3つのショートハンドプロパティ	list-style: disc url('~.png');

list-style-typeプロパティの主な値

値	説明
disc	塗りつぶされた円形
circle	塗りつぶされていない円形
decimal	１から始まる数字
upper-roman	大文字のローマ字(Ⅰ、Ⅱ、…)
upper-latin	大文字のアルファベット(A、B、…)
lower-greek	大文字のギリシャ文字(α、…)