<ul type="マークの種類>〜</ul>
<li type="マークの種類>〜</li>
マークの種類‥‥disc(黒丸) circle(白丸) square(四角)
要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
---|---|---|---|---|
ul | 番号なしリスト | |||
type | マークの種類 | 非推奨 | ||
compact | 詰めて表示 | 非推奨 | ||
class | クラス名 | |||
id | ID名 | |||
title | 補足情報 | |||
style | スタイルシート | |||
lang | 言語コード | |||
dir | 文字表記の方向 | |||
要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
li | リスト項目 | |||
type | マークの種類 | 非推奨 | ||
value | 番号 | 非推奨 | ||
class | クラス名 | |||
id | ID名 | |||
title | 補足情報 | |||
style | スタイルシート | |||
lang | 言語コード | |||
dir | 文字表記の方向 |
ul要素のtype属性は、マーク付きリストのマークの種類を設定します。<ul>に指定するとリスト全体の
マークを設定し、<li>に指定するとその項目だけが設定されます。ただしこれらは、プラウザの種類によって表示が
異なります。
また、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>
<ul type="square">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ul>
<ul>
<li type="disc">リスト項目1</li>
<li type="circle">リスト項目2</li>
<li type="square">リスト項目3</li>
</ul>
</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>
<ul type="square">
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ul>
<ul>
<li type="disc">リスト項目1</li>
<li type="circle">リスト項目2</li>
<li type="square">リスト項目3</li>
</ul>
</body>
</html>
Internet Explorer8での表示例
