<ul> - 順序無しリスト

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

概要

項目説明
形式<ul>~</ul>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ, パルパブルコンテンツ(li要素を子要素に持つ場合)
親要素フローコンテンツ を子要素に持てるもの
子要素li, script, template要素
タグの省略開始タグ:必須 / 終了タグ:必須

説明

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

属性

【固有属性】
属性意味
compactH2-H4T。リストを極力コンパクトな形式で表示します。
type=typeH3-H4T/e2/Ch/Fx/Sa/Op/N2。リストの項目のマークを指定します。省略時は通常 disc となります。Internet Explorer の場合、フォントのサイズを小さくしていると disc と square の区別がつかないようです。
  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)
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

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

<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-image: url(mark.gif)">
<li>あああああああああああ
<li>いいいいいいいいいいい
</ul>

関連項目

<li><ol>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/ul.htm