<ul> - 順序無しリスト

• トップ
• HTMLリファレンス
• <ul>

• 概要
• 説明
• 属性
• 使用例
• マーク種別(type)
• 関連項目
• リンク

概要

形式

<ul>～</ul>

サポート

https://caniuse.com/mdn-html_elements_ul

カテゴリ

フローコンテンツ, パルパブルコンテンツ(li要素を子要素に持つ場合)

親要素

フローコンテンツ を子要素に持てるもの

子要素

0個以上の li や スクリプトサポート要素

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性

説明

ul は Unordered List(順序の無いリスト)の略です。<ol> は順序付きリストを記述しますが、<ul> は順序の無いリストを記述します。リストの各項目は <li> で記述します。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

type=type

[非推奨] H3-H4T/e2/Ch/Fx/Sa/Op/N2

リストの項目のマークを指定します。HTML5 では廃止されました。代わりにスタイルシートの list-style-type を使用してください。

disc

黒丸(H3/e4/Ch/Fx/Sa/Op/N2/i4) (規定値)

circle

白丸(H3/e4/Ch/Fx/Sa/Op/N2/i4)

square

四角(H3/e4/Ch/Fx/Sa/Op/N2/i4)

compact

[非推奨] H2-H4T

リストを極力コンパクトな形式で表示します。

使用例

<ul>
  <li>Item#1
  <li>Item#2
</ul>

マーク種別(type)

type 属性にはマーク種別を指定します。ただし、HTML5 では type 属性は廃止されていますので、代わりにスタイルシートの list-style-type を使用します。

<ul type="disc">
 <li>Item#1
 <li>Item#2
</ul>

<ul type="circle">
 <li>Item#1
 <li>Item#2
</ul>

<ul type="square">
 <li>Item#1
 <li>Item#2
</ul>

<ul style="list-style-type:circle">
 <li>Item#1
 <li>Item#2
</ul>

関連項目

• <li>
• <ol>

リンク

• https://html.spec.whatwg.org/multipage/grouping-content.html#the-ul-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/ul
• https://caniuse.com/mdn-html_elements_ul