ホーム > HTML > リストのデザイン

CSS -リストのデザイン-

リストのマーカーを指定する

リストのマーカーを指定したい場合は、list-style-typeプロパティを使用します。

使用例

list-style-type:circle;

説明
disc 黒丸
circle 白丸
square 四角
decimal 10進数
lower-roman 小文字ローマ字
upper-roman 大文字ローマ字
lower-alpha 小文字アルファベット
upper-alpha 大文字アルファベット
none なし

リストのマーカーにイメージを指定

list-style-imageプロパティを使用すると、マーカーを任意の画像に変更することができます。

使用例

list-style-image:url(sample.gif);

リストを横並びにする

displayプロパティを使用すると、リストを横並びにすることができます。

使用例

li {display : inline;}