<ol type="番号の種類">〜</ol>
<li type="番号の種類">〜</li>
番号の種類‥‥1(算用数字)1.2.3.. a(英小文字)a.b.c..
A(英大文字)A.B.C.. i(ローマ数字小文字)@.A.B..
I(ローマ数字大文字)&T.U.V..
<li type="番号の種類">〜</li>
番号の種類‥‥1(算用数字)1.2.3.. a(英小文字)a.b.c..
A(英大文字)A.B.C.. i(ローマ数字小文字)@.A.B..
I(ローマ数字大文字)&T.U.V..
要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
---|---|---|---|---|
ol | 番号付きリスト | |||
type | 番号の種類 | 非推奨 | ||
compact | 詰めて表示 | 非推奨 | ||
strat | 開始番号 | 非推奨 | ||
class | クラス名 | |||
id | ID名 | |||
title | 補足情報 | |||
style | スタイルシート | |||
lang | 言語コード | |||
dir | 文字表記の方向 | |||
要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
li | リスト項目 | |||
type | 番号の種類 | 非推奨 | ||
value | 番号 | 非推奨 | ||
class | クラス名 | |||
id | ID名 | |||
title | 補足情報 | |||
style | スタイルシート | |||
lang | 言語コード | |||
dir | 文字表記の方向 |
ol要素のtype属性は、番号付きリストの番号の種類を設定します。<ol>に指定するとリスト全体の
マークを設定し、<li>に指定するとその項目だけが設定されます。(IE8では、li要素のtype属性は非対応みたいです。)
また、type属性はhtml4.01Strictでは非推奨とされています。番号の種類の設定は、できるだけスタイルシートを利用するように
して下さい。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>リストの番号を変える。</title>
</head>
<body>
<ol type="A">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ol>
<ol type="1">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ol>
<ol>
<li type="a">リスト項目A</li>
<li type="i">リスト項目B</li>
<li type="I">リスト項目C</li>
</ol>
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>リストの番号を変える。</title>
</head>
<body>
<ol type="A">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ol>
<ol type="1">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ol>
<ol>
<li type="a">リスト項目A</li>
<li type="i">リスト項目B</li>
<li type="I">リスト項目C</li>
</ol>
</body>
</html>
Internet Explorer8での表示例
