<ul type=""></ul> <li type=""></li>
順不同のリストに type="" を追加すると、リストマーカーの種類を変更することができます。
<ul type="circle">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ul>
<ul>
<li type="disc">リスト項目A</li>
<li type="circle">リスト項目B</li>
<li type="square">リスト項目C</li>
</ul>
属性 | 値 | 説明 |
---|---|---|
type="" | disc | 黒丸 (初期値) |
circle | 白丸 | |
square | 四角 |
上記の属性は、HTML 4.01では非推奨とされています。(Strict DTDでは使用できません)
■リスト全体のマーカーを変更する場合
次のように、ul要素に対してtype属性を指定します。
<ul type="circle">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ul>
■項目ごとに変更したい場合
次のように、li要素に対してtype属性を指定します。
<ul>
<li type="disc">リスト項目A</li>
<li type="circle">リスト項目B</li>
<li type="square">リスト項目C</li>
</ul>
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
使用例
■リスト全体を変更した例
<ul type="circle">
<li>リスト項目A</li>
<li>リスト項目B</li>
<li>リスト項目C</li>
</ul>
表示例
- リスト項目A
- リスト項目B
- リスト項目C
■項目ごとに変更した例
<ul>
<li type="disc">リスト項目A</li>
<li type="circle">リスト項目B</li>
<li type="square">リスト項目C</li>
</ul>
表示例
- リスト項目A
- リスト項目B
- リスト項目C
- サイト内検索