タグ: CSS, Web制作

トップページ -> サイト作成 > スタイルシート > リストの設定

リストの設定

リストの形式 list-style-type

リストの形式を設定することができます。

list-style-type : 形式

形式には

• disc ： 黒まる
• circle ： 白まる
• square ： 四角
• decimal ： 数字
• lower-roman ： ローマ数字小文字
• upper-roman ： ローマ数字大文字
• lower-alpha ： アルファベット小文字
• upper-alpha ： アルファベット大文字
• none ： マークなし

で指定します。

リストの配置 list-style-position

リストの配置を設定することができます。

list-style-position : 配置

配置には

• inside ： リストの2行目以降を上げる
• outside ： リストの2行目以降を揃える

で指定します。

リストの画像 list-style-image

リストに画像を指定することが可能です。

list-style-image : url("画像へのパス")

画像へのパスには設置されている画像のURLを指定します。

関連記事