今日は「順番があるリスト」(OL)のマークを変えてみます(〃⌒▽⌒)
とは言いましても・・・
昨日紹介しました「順番の無いリスト」(UL)のマークを変える方法と大差ありません。
こんなこともできるのか・・・くらいの感覚で眺めてくださいね( ̄▽ ̄人)
ではまず基本形から・・・
例)
<ol>
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>
表示結果)
- test1
- test2
- test3
何も指定しなければ「1.」「2.」「3.」という指定になりましたよね。
これに昨日と同じように手を加えてみましょう(〃⌒▽⌒)
例)
<ol style="list-style:lower-roman;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>
表示結果)
- test1
- test2
- test3
例)
<ol style="list-style:upper-roman;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>
表示結果)
- test1
- test2
- test3
例)
<ol style="list-style:lower-alpha;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>
表示結果)
- test1
- test2
- test3
例)
<ol style="list-style:upper-alpha;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>
表示結果)
- test1
- test2
- test3
いかがですか?
色々な指定をすることができるでしょ( ̄▽ ̄人)
「lower-roman」はローマ数字(小文字)で表示されます。
「upper-roman」はローマ数字(大文字)で表示されます。
「lower-alpha」はローマ字(小文字)で表示されます。
「upper-alpha」はローマ字(大文字)で表示されます。
こちらも色々使い道がありそうですよね(〃⌒▽⌒)
「UL」と「OL」の違いは大丈夫ですか?
こんがらがったらこのページに復習に来ましょう(笑
ではまた明日ー(゚▽^*)ノ⌒☆