229484 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

七鍵@楽天

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

PR

コメント新着

k.kyouka@ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ がいいですよ☆★
マロン@ かわいい キュート
foolish☆foo@ Re[1]:お久しぶりです。(07/15) >実演を踏まえてテストをしておりました…

バックナンバー

Apr , 2024
Mar , 2024
Feb , 2024

フリーページ

タグ辞書【A】


タグ辞書【ABBR】


タグ辞書【ACRONYM】


タグ辞書【ADDRESS】


タグ辞書【APPLET】


タグ辞書【AREA】


タグ辞書【B】


タグ辞書【BASE】


タグ辞書【BASEFONT】


タグ辞書【BDO】


タグ辞書【BGSOUND】


タグ辞書【BIG】


タグ辞書【BLINK】


タグ辞書【BLOCKQU…】


タグ辞書【BODY】


タグ辞書【BR】


タグ辞書【BUTTON】


タグ辞書【CENTER】


タグ辞書【CITE】


タグ辞書【CODE】


タグ辞書【COL】


タグ辞書【COLGROUP】


タグ辞書【COMMENT】


タグ辞書【CAPTION】


タグ辞書【DD】


タグ辞書【DEL】


タグ辞書【DFN】


タグ辞書【DIR】


タグ辞書【DIV】


タグ辞書【DL】


タグ辞書【DT】


タグ辞書【EM】


タグ辞書【EMBED】


タグ辞書【FIELDSET】


タグ辞書【FONT】


タグ辞書【FORM】


タグ辞書【FRAME】


タグ辞書【FRAMESET】


タグ辞書【H】


タグ辞書【HEAD】


タグ辞書【HR】


タグ辞書【HTML】


タグ辞書【I】


タグ辞書【IFRAME】


タグ辞書【ILAYER】


タグ辞書【IMG】


タグ辞書【INPUT】


タグ辞書【INS】


タグ辞書【ISINDEX】


タグ辞書【KBD】


タグ辞書【LABEL】


タグ辞書【LAYER】


タグ辞書【LEGEND】


タグ辞書【LI】


タグ辞書【LINK】


タグ辞書【LISTING】


タグ辞書【MAP】


タグ辞書【MARQUEE】


タグ辞書【MENU】


タグ辞書【META】


タグ辞書【MULTICOL】


タグ辞書【NOBR】


タグ辞書【NOEMBED】


タグ辞書【NOFRAMES】


タグ辞書【NOLAYER】


タグ辞書【NOSCRIPT】


タグ辞書【OBJECT】


タグ辞書【OL】


タグ辞書【OPTGROUP】


タグ辞書【OPTION】


タグ辞書【P】


タグ辞書【PARAM】


タグ辞書【PLAINTEXT】


タグ辞書【PRE】


タグ辞書【Q】


タグ辞書【RB】


タグ辞書【RP】


タグ辞書【RT】


タグ辞書【RUBY】


タグ辞書【S】


タグ辞書【SAMP】


タグ辞書【SCRIPT】


タグ辞書【SELECT】


タグ辞書【SMALL】


タグ辞書【SPACER】


タグ辞書【SPAN】


タグ辞書【STRIKE】


タグ辞書【STRONG】


タグ辞書【STYLE】


タグ辞書【SUB】


タグ辞書【SUP】


タグ辞書【TABLE】


タグ辞書【TBODY】


タグ辞書【TD】


タグ辞書【TEXTAREA】


タグ辞書【TFOOT】


タグ辞書【TH】


タグ辞書【THEAD】


タグ辞書【TITLE】


タグ辞書【TR】


タグ辞書【TT】


タグ辞書【U】


タグ辞書【UL】


タグ辞書【VAR】


タグ辞書【WBR】


タグ辞書【XMP】


タグ辞書【コメントアウト】


タグ辞書【!DOCTYPE】


piyo


サンプル


HP作成のためのコラム


スタイルシートをゼロからお勉強


HTMLタグに挑戦


Sep 9, 2004
XML
カテゴリ:タグ教室
今日は「順番があるリスト」(OL)のマークを変えてみます(〃⌒▽⌒)
とは言いましても・・・
昨日紹介しました「順番の無いリスト」(UL)のマークを変える方法と大差ありません。
こんなこともできるのか・・・くらいの感覚で眺めてくださいね( ̄▽ ̄人)

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

例)
<ol>
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



何も指定しなければ「1.」「2.」「3.」という指定になりましたよね。
これに昨日と同じように手を加えてみましょう(〃⌒▽⌒)

例)
<ol style="list-style:lower-roman;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



例)
<ol style="list-style:upper-roman;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



例)
<ol style="list-style:lower-alpha;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



例)
<ol style="list-style:upper-alpha;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



いかがですか?
色々な指定をすることができるでしょ( ̄▽ ̄人)
「lower-roman」はローマ数字(小文字)で表示されます。
「upper-roman」はローマ数字(大文字)で表示されます。
「lower-alpha」はローマ字(小文字)で表示されます。
「upper-alpha」はローマ字(大文字)で表示されます。

こちらも色々使い道がありそうですよね(〃⌒▽⌒)
「UL」と「OL」の違いは大丈夫ですか?
こんがらがったらこのページに復習に来ましょう(笑

ではまた明日ー(゚▽^*)ノ⌒☆





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

最終更新日  Sep 9, 2004 03:50:35 PM
コメント(7) | コメントを書く
[タグ教室] カテゴリの最新記事



© Rakuten Group, Inc.