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>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.