<ul type=""></ul> <li type=""></li>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

順不同のリストに 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