CSSのlist-style属性の使い方を詳しく解説-CSSチュートリアル-php.cn

CSSのlist-style属性の使い方を詳しく解説

黄舟

リリース： 2017-06-29 09:16:11

オリジナル

2572 人が閲覧しました

リストスタイル値: 円、小数、先頭のローマ字 | -ラテン語 | 下位アルファ | 上位アルファなし | 継承

円: 正方形

10 進数、塗りつぶし2 桁未満の場合は先頭に 0 を付けます。例: 01、02、03、...、98、99

小文字のローマ字: 小文字のローマ字、例: i、ii、iii、iv、v、.. .

upper-roman: I、II、III、IV、V などの大文字ローマ字

lower-greek: α(アルファ)、β(ベータ)、などの小文字ギリシャ文字γ(ガンマ) , ...

lower-latin: 小文字のラテン語、例: a、b、c、... z

upper-latin: 大文字のラテン語、例: A、B、C、.. . Z

アルメニア語: アルメニア数字

グルジア語: グルジア語の数字、例: an、ban、gan、...、he、tan、in、in-an、...

小文字のラテン語、例: a、b、c、... z

upper-alpha: 大文字のラテン語、例: A、B、C、... Z

none: なし (すべてのリストスタイルをキャンセル)

継承:

継承

引用

URL: http://www.dreamdu.com/css/property_list-style-type/

初期値: disc

継承: はい

適用対象: list に属するすべての要素

リスト、中国語の「リスト」は .style を意味します、中国語の「スタイル」は .type を意味します、中国語の「タイプ」は .

例

ul 
{ 
	list-style-type:disc;
}

ul#circle
{ 
	list-style-type:circle;
}

ul#square
{ 
	list-style-type:square;
}

ul#decimal
{ 
	list-style-type:decimal;
}

ul#decimal-leading-zero
{ 
	list-style-type:decimal-leading-zero;
}

ul#lower-roman
{ 
	list-style-type:lower-roman;
}

ul#upper-roman
{ 
	list-style-type:upper-roman;
}

ul#lower-greek
{ 
	list-style-type:lower-greek;
}

ul#lower-latin
{ 
	list-style-type:lower-latin;
}

ul#upper-latin
{ 
	list-style-type:upper-latin;
}

ul#armenian
{ 
	list-style-type:armenian;
}

ul#georgian
{ 
	list-style-type:georgian;
}

ul#lower-alpha
{ 
	list-style-type:lower-alpha;
}

ul#upper-alpha
{ 
	list-style-type:upper-alpha;
}

ul#none
{ 
	list-style-type:none;
}

ol 
{ 
	list-style-type:lower-roman;
}

ログイン後にコピー

を意味します

以上がCSSのlist-style属性の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。