<ul> - 順序無しリスト

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

■ 概要

項目説明
形式<ul>〜</ul>
サポートH2〜H4s〜 / e2〜 / N2〜 / 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=classH4s/e3/N4。クラスを指定します。
dir=dirH4s/e5/N6。文字の表示方向を指定します。
id=idH4s/e3/N4。IDを指定します。
lang=langH4s/e4/N6。言語を指定します。
style=styleH4s/e3/N4。スタイルシートを指定します。
title=titleH4s/e4/N6。タイトルを指定します。
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-2006 杜甫々
初版:2000年10月9日 最終更新:2006年10月8日
http://www.tohoho-web.com/html/ul.htm