CSS(七)cssリストスタイル(ul)

CSSリストの属性は以下のように作用する.

異なるリスト項目がシーケンステーブル

としてマークされるように設定.

異なるリスト項目を無秩序リストとしてマークする

を設定する.

設定リスト項目は、画像

としてマークする.
1.リスト
HTMLでは、htmlのリストには2種類あります.

無秩序リスト-リスト項目タグ用特殊図形(例えば、小黒点、小ボックスなど)

順序付きリスト-リスト・アイテムのタグには、数字またはアルファベット

があります.

CSSを使用して、さらなるスタイルをリストし、リスト項目のタグとして画像を使用することができます.

2.異なるリスト項目タグ
List-style-type属性指定属性リストタグのタイプは:

      ：

Coffee
Tea
Coca Coca


Coffee
Tea
Coca Coca


      ：

Coffee
Tea
Coca Coca


Coffee
Tea
Coca Coca

一部の値は無秩序リストであり、シーケンステーブルがあるものもあります.
次にlist-style-typeプロパティの一般的なプロパティ値について説明します.

none:プロジェクトシンボル

を使用しない

disc:ソリッド円

circle:中空円

square:実行ブロック

demical:アラビア数字

lower-alpha:小文字英語

upper-alpha:大文字英語

lower-roman:小文字ローマ数字

upper-roman:大文字ローマ数字

3.リスト項目としてマークされた画像
リスト項目タグの画像を指定するには、リストスタイルの画像プロパティを使用します.

ul{
list-style-image:url("hello/love.jpg");
}

4.list-style-position:リスト内のリスト項目フラグの位置を設定します.