<ul> - 順序無しリストホームページ制作京都｜ホームページ作成のリュウム

ＷＥＢ用語(N)

<ul> - 順序無しリスト

概要

形式	<ul>～</ul>
サポート	H2～H4s～ / e2～ / N2～ / i1～
タグの省略	開始タグ：必須、終了タグ：必須
包含可能要素	LI

説明

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

属性

【固有属性】

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

【一般属性】

属性	意味
class=class	H4s/e3/N4。クラスを指定します。
dir=dir	H4s/e5/N6。文字の表示方向を指定します。
id=id	H4s/e3/N4。IDを指定します。
lang=lang	H4s/e4/N6。言語を指定します。
style=style	H4s/e3/N4。スタイルシートを指定します。
title=title	H4s/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> では、白丸、黒丸、四角以外のマークを使用することができません。どうしてもやりたい場合は、<table> を用いて次のようにします。valign=top を指定しておかないと、自動改行されたときにマークの位置がずれてしまいます。

<table>
<tr><td VAliGN=top>★</td><td>まず・・・</td></tr>
<tr><td VAliGN=top>★</td><td>次に・・・</td></tr>
</table>