順不同リストのコンテナとなるul要素
<ul>……</ul>

 ulは「unordered list」の略で、li要素のコンテナとして機能する要素です。番号なしの順不同リストを表す場合に使われ、ブロックレベル要素として機能します。

  • トップページ
  • 会社概要
  • サービス
  • お問い合わせ
<html>
<head>
<title>ul要素サンプル</title>
</head>
<body>
  <ul>
    <li>トップページ</li>
    <li>会社概要</li>
    <li>サービス</li>
    <li>お問い合わせ</li>
  </ul>
</body>
</html>

DOMでの参照方法

[window.]document.getElementById("【ID属性値名】")

オプション属性

属性 機能 入力例 DOM参照
type
(非推奨属性)
"circle"
"disc"
"square"
個条書きの項目先頭に、
塗りつぶした円や丸い枠、
四角い枠を表示できる
<ul type="circle">……</ul> [window.]document.getElementById("【ID属性値名】").type
compact
(非推奨属性)
"compact" リスト表示を小さくする <ul compact>……</ul> [window.]document.getElementById("【ID属性値名】").compact

追加が可能なイベントハンドラ属性

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

有限会社タグパンダ
喜安 亮介

2/7

 INDEX
Web標準HTMLタグリファレンス(3)
CSSで“リスト”をきれいに見せる6つのXHTMLタグ
リスト
ul 順不同リストのコンテナとなるul要素
  li リスト項目を表すli要素
  ol 序列リストのコンテナとなるol要素
  dl 定義リストのコンテナとなるdl要素
  dt 定義リストの用語を表すdt要素
  dd 定義リストの説明を表すdd要素



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)
- PR -

注目のテーマ

デザインハック 記事ランキング

本日 月間
ソリューションFLASH