HTML <ul> タグ

❮ 前へ完全なHTM リファレンス次へ ❯

例

順序なしリスト：

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Try it Yourself ❯

他の "Try it Yourself" の例が下にあります。

定義と用法

<ul> タグは、順序なし（バレット付）リストを定義します。

順序なしリストを作るには、<ul>タグタグと一緒に <li> タグを使用します。

ブラウザ・サポート

要素
<ul>	Yes	Yes	Yes	Yes	Yes

チップスと注意事項

チップ: lists のスタイルには CSS を使用してください。

チップ: 順序付きリストには、<ol>タグを使用します。

HTML 4.01 と HTML5 の相違点

"compact" と "type" 属性は、HTML5 ではサポート対象外。

属性

属性	値	説明
compact	compact	HTML5 ではサポート対象外。リストを通常よりも小さくレンダリングするように指定する
type	disc square circle	HTML5 ではサポート対象外。リストに使用するマーカの種類を指定する

グローバル属性

<ul> タグは、HTML のグローバル属性もサポートします。

イベント属性

<ul> タグは、HTML のイベント属性もサポートします。

Try it Yourself - 例

A nested list
A list inside a list.

Another nested list
A more complicated nested list.

デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <ul> 要素を表示しています：

例

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}