HTML <li> 要素は、リストの項目を表すために用いられます。この要素は、そのアイテムが属する順序リスト (<ol>)、順不同リスト (<ul>)、メニュー (<menu>) のいずれかの子要素として配置する必要があります。メニュー要素および順不同リスト要素内においては、各リストアイテムは通常ビュレットを伴って表示され、順序リスト内では、数字や文字による連番のリストマーカーを伴って描画されます。

コンテンツカテゴリー なし
許可された内容 フローコンテンツ
タグの省略 直後に別の <li> 要素が続く場合、または他のリストアイテムが続くことなく親要素が閉じられる場合は、終了タグが省略可能です。
許可された親要素 <ul><ol><menu>。すでに廃止されているが、<dir> の子要素としても配置可能であった。
許可された ARIA ロール menuitemmenuitemcheckboxmenuitemradiooptionpresentationradioseparatortabtreeitem
DOM インターフェイス HTMLLIElement

属性

他のすべての要素と同様に、この要素は グローバル属性 をサポートします。

value
この整数値の属性は <ol> 要素で定義されたリスト内における、そのリストアイテムの序数値を示します。値には整数値のみが指定できます。例えば CSS でマーカーが数字でなく文字で表示されるような指定をしているような場合にも、この属性の値は整数値で指定しなくてはなりません。後続するリストアイテムのマーカーは、属性値を指定したアイテムの序数値を基準にカウントして表示されます。順不同リスト (<ul>) やメニュー (<menu>) の各アイテムに対する value 属性の指定は、通常、意味のないものです。
注記: この属性は HTML4 で一度廃止され、HTML5 で再導入されました。

注記: Gecko 9.0 より前のバージョンでは、負の値は 0 に変換されていました。Gecko 9.0 からは、負数を含むすべての整数値が正しく解析されるようになっています。

type
この文字列の属性は、表示するリストマーカーの種類を指定するものです。
  • a: 小文字
  • A: 大文字
  • i: 小文字のローマ数字
  • I: 大文字のローマ数字
  • 1: 数字
親の <ol> 要素にもこの属性が指定されている場合、子の要素に指定された属性が優先されます。
使用上の注意: この属性はすでに廃止されています。代わりにCSS の list-style-type プロパティを用います。

<ol>
    <li>最初のリストアイテム</li>
    <li>二番目のリストアイテム</li>
    <li>三番目のリストアイテム</li>
</ol>	

以下のように出力されます:

  1. 最初のリストアイテム
  2. 二番目のリストアイテム
  3. 三番目のリストアイテム
<ol type="I">
    <li value="3">third item</li>
    <li>fourth item</li>
    <li>fifth item</li>
</ol>

以下のように出力されます:

  1. 三番目のリストアイテム
  2. 四番目のリストアイテム
  3. 五番目のリストアイテム
<ul>
    <li>最初のリストアイテム</li>
    <li>二番目のリストアイテム</li>
    <li>三番目のリストアイテム</li>
</ul>

以下のように出力されます:

  • 最初のリストアイテム
  • 二番目のリストアイテム
  • 三番目のリストアイテム

さらに詳しい記述例については、<ol><ul> のページを参照してください。

仕様

仕様書 策定状況 コメント
HTML Living Standard
<li> の定義
現行の標準  
HTML5
<li> の定義
勧告  
HTML 4.01 Specification
<li> の定義
勧告 type 属性を非推奨に変更

ブラウザー実装状況

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基本サポート (有) (有) 1.0 (1.7 or earlier) (有) (有) (有)
機能 Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート (有) (有) 1.0 (1.0) (有) (有) (有)

関連情報

  • 他のリスト関連 HTML 要素: <ul>, <li>, <menu> および廃止された <dir>
  • <li> の整形に便利な CSS プロパティ:
    • 序列マークやビュレットの種類を選択するための list-style
    • 複雑な入れ子状リストを処理するのに使用できる CSS counters
    • リストアイテムのインデントの調整に用いることができる margin

ドキュメントのタグと貢献者

 このページの貢献者: yyss, ethertank
 最終更新者: yyss,