リスト項目を表すli要素
<li>……</li>

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

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

DOMでの参照方法

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

オプション属性

属性 機能 入力例 DOM参照
type ul要素に内包されている場合:
"disc" "circle" "square"
ol要素に内包されている場合:
"A" "a" "I" "i" "1"
リスト項目の個々に
対して、個別の
リストスタイル
を設定できる
<ul>
<li type="disc"></li>
</ul>
[window.]document.getElementById("【ID属性値名】").type
個々の
番号付き
リスト
設定値
li要素がol要素に内包
している場合にのみ使える
属性で、リスト項目の
順番を任意に設定できる
<ul>
<li value="2"> </li>
</ul>
[window.]document.getElementById("【ID属性値名】").value

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

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

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

3/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