MitoRoidCSS -リストのデザイン-
リストのマーカーを指定する
リストのマーカーを指定したい場合は、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;}