七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Dec , 2024
Nov , 2024

Oct , 2024

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 9, 2004

タグを覚えよう【第３２回目】　-　リストを作ろう（４回目）

(7)

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

今日は「順番があるリスト」（OL）のマークを変えてみます(〃⌒▽⌒)

昨日紹介しました「順番の無いリスト」（UL）のマークを変える方法と大差ありません。
こんなこともできるのか・・・くらいの感覚で眺めてくださいね(￣▽￣人)

ではまず基本形から・・・

例）
<ol>
<li>test1</li>
<li>test2</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

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」の違いは大丈夫ですか？
こんがらがったらこのページに復習に来ましょう（笑

ではまた明日ー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう