Loose-Info.com

Last Update 2019/12/25


TOP - CSS1(Cascading Style Sheets, level 1) - list-style-type

リストの先頭に付く記号や番号のタイプを指定します。

設定値
disc : 黒丸 circle : 白丸 square : 黒四角 decimal : 10進数 lower-roman : ローマ数字(小文字) upper-roman : ローマ数字(大文字) lower-alpha : アルファベット(小文字) upper-alpha : アルファベット(大文字) none : 無し

(例)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- UL.test1 {list-style-type: disc} UL.test2 {list-style-type: circle} UL.test3 {list-style-type: square} UL.test4 {list-style-type: none} OL.test1 {list-style-type: decimal} OL.test2 {list-style-type: lower-roman} OL.test3 {list-style-type: upper-roman} OL.test4 {list-style-type: lower-alpha} OL.test5 {list-style-type: upper-alpha} --> </STYLE> </HEAD> <BODY> list-style-type: disc<BR> <UL class="test1"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </UL> <BR> list-style-type: circle<BR> <UL class="test2"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </UL> <BR> list-style-type: square<BR> <UL class="test3"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </UL> <BR> list-style-type: none<BR> <UL class="test4"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </UL> <BR> list-style-type: decimal<BR> <OL class="test1"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </OL> <BR> list-style-type: lower-roman<BR> <OL class="test2"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </OL> <BR> list-style-type: upper-roman<BR> <OL class="test3"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </OL> <BR> list-style-type: lower-alpha<BR> <OL class="test4"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </OL> <BR> list-style-type: upper-alpha<BR> <OL class="test5"> <LI>リスト1 <LI>リスト2 <LI>リスト3 </OL> </BODY> </HTML>