point アルファベットなどのリスト

<ol type="a,A,1,i,Iのいずれか1つ"><li>〜</li></ol>

記号や数字のリスト以外に、アルファベットやローマ数字などを使ってリストを作ることも出来ます。

数字のリストを作る場合には<ol>タグを使いましたが、このタグにtype属性をつけて、値にAやIを指定します。

また、<li>タグに指定すれば、その項目だけをアルファベットなどに変えることが出来ます。

それぞれの値を指定した場合の表示例
type="A"A,B,C,D,E・・・
type="a"a,b,c,d,e・・・
type=""T,U,V,W,X・・・
type="i"@,A,B,C,D・・・
type="1"1,2,3,4,5・・・

サンプル - Microsoft Internet Explorer
type="A"の場合
  1. HIP-HOP
  2. HOUSE
  3. TECHNO
  4. JAZZ
type="I"の場合
  • ギター
  • ベース
  • ドラム
  • キーボード

HTML
<html>
<head>
<title>サンプル</title>
</head>
<body>
type="A"の場合
<ol type="A">
<li>HIP-HOP</li> <li>HOUSE</li> <li>TECHNO</li> <li>JAZZ</li> </ol> type="I"の場合 <ol type="I"> <li>ギター</li> <li>ベース</li> <li>ドラム</li> <li>キーボード</li> </ol> </body> </html>
 

サンプル - Microsoft Internet Explorer
  1. ここは何も指定なし
  2. type="A"を指定
  3. type="a"を指定
  4. type="I"を指定
  5. type="i"を指定
  6. type="1"を指定

HTML
<html>
<head>
<title>サンプル</title>
</head>
<body>
<ol>
<li>ここは何も指定なし</li>
<li type="A">type="A"を指定</li>
<li type="a">type="a"を指定</li>
<li type="I">type="I"を指定</li>
<li type="i">type="i"を指定</li>
<li type="1">type="1"を指定</li>
</ol>
</body>
</html> 
 

スポンサード・リンク