<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ul>
数字(初期値)
<ol class="decimal">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.decimal {
list-style-type: decimal;
}
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
円
<ol class="circle">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.circle {
list-style-type: circle;
}
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
正方形
<ol class="disc">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.disc {
list-style-type: disc;
}
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
あああ
<ol class="disclosure-closed">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.disclosure-closed {
list-style-type: disclosure-closed;
}
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
あああ
<ol class="disclosure-open">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.disclosure-open {
list-style-type: disclosure-open;
}
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
あああ
<ol class="none">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.none {
list-style-type: none;
}
正方形
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
<ol class="square">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ol>
ol.square {
list-style-type: square;
}
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5