<ul> - 順序無しリスト

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

■ 概要

項目説明
形式<ul>〜</ul>
サポートH2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i1+
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素li

■ 説明

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

■ 属性

【固有属性】
属性意味
compactH2-H4T。リストを極力コンパクトな形式で表示します。
type=typeH3-H4T/e2+/N2+。リストの項目のマークを指定します。省略時は通常 disc となります。Internet Explorer の場合、フォントのサイズを小さくしていると disc と square の区別がつかないようです。
  disc:黒丸(H3/e4/N2/i4)
  circle:白丸(H3/e4/N2/i4)
  square:四角(H3/e4/N2/i4)

【一般属性】
属性意味
class=classH4+/e3+/N4+。クラスを指定します。
id=idH4+/e3+/N4+。ID を指定します。
style=styleH4+/e3+/N4+。スタイルシートを指定します。
title=titleH4+/e4+/N6+。タイトルを指定します。
dir=dirH4+/e5+/N6+。文字の表示方向を指定します。
lang=langH4+/e4+/N6+。言語を指定します。
accesskey=keyH5+。アクセスキーを指定します。
tabindex=nH5+。タブインデックスを指定します。
contenteditable=boolH5+/e55+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。
IE拡張属性他にもIEで拡張された属性が指定可能です。

■ 使用例

HTMLソース
<ul>
<li>Internet Explorer
<li>Netscape Navigator
</ul>

<ul type=disc>
<li>Internet Explorer
<li>Netscape Navigator
</ul>

<ul type=circle>
<li>Internet Explorer
<li>Netscape Navigator
</ul>

<ul type=square>
<li>Internet Explorer
<li>Netscape Navigator
</ul>

ブラウザ表示例
  • Internet Explorer
  • Netscape Navigator
  • Internet Explorer
  • Netscape Navigator
  • Internet Explorer
  • Netscape Navigator
  • Internet Explorer
  • Netscape Navigator

■ 補足

黒丸、白丸、四角以外のマークを使用する場合は、スタイルシートを用いて下記のように指定します。

<ul style="list-style-image: url(mark.gif)">
<li>あああああああああああ
<li>いいいいいいいいいいい
</ul>

■ 関連項目

<li><ol>

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