最新のWeb開発のチュートリアル
 

HTML <ul> Tag


順不同のHTMLリスト:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

<ul>タグが順序付けられていない(箇条書き)リストを定義します。

使用<ul>と一緒にタグを<li>順不同リストを作成するためのタグ。


ブラウザのサポート

素子
<ul> はい はい はい はい はい

ヒントと注意事項

ヒント:使用CSSは、リストのスタイルを設定します。

ヒント:順序付きリストを作成するには、使用する<ol>タグを。


HTML 4.01とHTML5の違い

「コンパクト」と「タイプ」属性はHTML5でサポートされていません。


属性

属性 説明
compact compact HTML5でサポートされていません。
リストには、通常よりも小さくレンダリングするように指定します
type disc
square
circle
HTML5でサポートされていません。
マーカーの種類がリストに使用するように指定します

グローバル属性

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


イベント属性

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


それを自分で試してみてください - 例

ネストされたリスト
リスト内部のリスト。

別のネストされたリスト
より複雑なネストされたリスト。


関連ページ

HTMLチュートリアル: HTMLリスト

HTML DOMリファレンス: Ulオブジェクト

CSSチュートリアル: スタイリングリスト


デフォルトの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;
}
»それを自分で試してみてください