このサイトついて
SPONSORED LINK
番号付きリストのマークを変更したい
| 対応ブラウザ |  |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|---|
使用するタグ：<ol type=""><li>または<ol><li type="">
番号付きリストのマークを変更したい場合は<ol type=""><li>または<ol><li type="">で設定します。
<ol>タグではtype属性により、算用数字（1,2,3,...）、アルファベット小文字（a,b,c,...）、アルファベット大文字（A,B,C,...）、ローマ数字小文字（ⅰ,ⅱ,ⅲ,...）、ローマ数字大文字（Ⅰ,Ⅱ,Ⅲ,...）を指定することができます。
例
HTMLソース
<ol type="a">
<li>英国式アロマテラピー</li>
<li>カリグラフィー</li>
<li>基礎からの英会話</li>
</ol>
<ol>
<li type="1">1でアラビア数字</li>
<li type="a">aで小文字アルファベット</li>
<li type="A">Aで大文字アルファベット</li>
<li type="i">iで小文字ローマ数字</li>
<li type="I">Iで大文字ローマ数字</li>
</ol>
↓
<ol type="a">
<li>英国式アロマテラピー</li>
<li>カリグラフィー</li>
<li>基礎からの英会話</li>
</ol>
<ol>
<li type="1">1でアラビア数字</li>
<li type="a">aで小文字アルファベット</li>
<li type="A">Aで大文字アルファベット</li>
<li type="i">iで小文字ローマ数字</li>
<li type="I">Iで大文字ローマ数字</li>
</ol>
ブラウザ上の表示
- 英国式アロマテラピー
- カリグラフィー
- 基礎からの英会話
- 1でアラビア数字
- aで小文字アルファベット
- Aで大文字アルファベット
- iで小文字ローマ数字
- Iで大文字ローマ数字