リストマーカー：その1

リスト表示無し [none]

<ul style="list-style-type:none;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

白丸 [circle]

<ul style="list-style-type:circle;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

黒丸 [disc]

<ul style="list-style-type:disc;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

■四角 [square]

<ul style="list-style-type:square;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

数字 [decimal]

<ul style="list-style-type:decimal;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

数字途中 [ start=”n”]

<ol style="list-style-type:decimal;" start="12">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ol>

英数字(大文字) [upper-roman]

<ul style="list-style-type:upper-roman;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

英数字(小文字) [lower-roman]

<ul style="list-style-type:lower-roman;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

英字(大文字) [upper-alpha]

<ul style="list-style-type:upper-alpha;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

英字(小文字) [lower-alpha]

<ul style="list-style-type:lower-alpha;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

画像

<ul style="list-style-image:url('画像URL');">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

個別マークリスト

<ul>
 <li style="list-style-type:disc">黒丸</li>
 <li style="list-style-type:circle">白丸</li>
 <li style="list-style-type:square;">四角</li>
</ul>

[PR]

choco*tip