<ul> - 順序無しリスト - とほほのWWW入門

形式: <ul>～</ul>
サポート: LS / H2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリ: フローコンテンツ, パルパブルコンテンツ(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

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

HTML

<ul>
  <li>Internet Explorer
  <li>Google Chrome
</ul>

表示

Internet Explorer
Google Chrome

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

HTML

<ul type="disc">
 <li>Internet Explorer
 <li>Google Chrome
</ul>

<ul type="circle">
 <li>Internet Explorer
 <li>Google Chrome
</ul>

<ul type="square">
 <li>Internet Explorer
 <li>Google Chrome
</ul>

<ul style="list-style-type:circle">
 <li>Internet Explorer
 <li>Google Chrome
</ul>

表示

Internet Explorer
Google Chrome

Internet Explorer
Google Chrome

Internet Explorer
Google Chrome

Internet Explorer
Google Chrome

<ul> - 順序無しリスト

概要

説明

属性

使用例

マーク種別(type)

関連項目

リンク