リストのスタイル

リストのスタイルを紹介します。

list-style-typeプロパティ

リストマークの種類をキーワードで指定します。ULタグ用の記号とOLタグ用の番号がありますが、いずれにも使用することができます。

disc(ULのデフォルト)
黒丸
circle
白丸
square
黒四角
none
リストマークなし
decimal(OLのデフォルト)
数字
upper-alpha
アルファベット大文字
lower-alpha
アルファベット小文字
upper-roman
ローマ数字大文字
lower-roman
ローマ数字小文字

list-style-imageプロパティ

リストマークを画像にします。構文は、「url(画像のパス)」となります。

list-style-positionプロパティ

リストマークの表示位置を指定します。

outside(デフォルト)
リストマークをボックスの外側に表示します。文字列の1行目と2行目以降がそろいます。
inside
リストマークをボックスの内側に表示します。リストマークと文字列の2行目以降がそろいます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です