1. Home
  2. HTMLタグ
  3. リストタグ
  4. マーカーを変更する

マーカーを変更する


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

ブラウザ
IE
Fx
Sf
Cr
O
分類
ブロックレベル要素
非推奨属性
要素
ul要素
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

リストタグ

ページの先頭へ


inserted by FC2 system