トップHTML & CSS > OLタグ

OLタグ

番号の種類を変える

type属性で番号の種類を変更できるが、HTML 4.01では非推奨のため、CSSの list-style-type による方が無難であろう。

プロパティ名説明
list-style-type
[CSS 1]
noneマーカーを表示しない
disc黒丸
circle 白丸
square 四角
decimal 数字
upper-alpha 大文字アルファベット
lower-alpha 小文字アルファベット
upper-roman 大文字ローマ数字
lower-roman 小文字ローマ数字
[CSS 2] decimal-leading-zero 2桁の数字
lower-greek 小文字ギリシャ文字
upper-latin 大文字ラテン文字
lower-latin 小文字ラテン文字
hebrew ヘブライ数字
armenian アルメニア数字
georgian グルジア数字
cjk-ideographic 漢数字
hiragana ひらがな
katakana カタカナ
hiragana-iroha いろは
katakana-iroha イロハ

開始番号を変える

開始番号を1以外の値に変えるには start属性を使用する。

例えば

<ol start="67">
<li>栃木市街
<li>日光戦場ヶ原
<li>日光市街
</ol>
とすると、次のように表示される。
  1. 栃木市街
  2. 日光戦場ヶ原
  3. 日光市街

任意の番号を付加する

任意の番号を付加するには liタグのvalue属性を使用する。

例えば

<ol>
<li value="3">栃木市街
<li value="12">日光戦場ヶ原
<li value="9">日光市街
</ol>
とすると、次のように表示される。
  1. 栃木市街
  2. 日光戦場ヶ原
  3. 日光市街