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

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

属性

この要素にはグローバル属性があります。

value
これは整数値の属性で、 <ol> 要素で定義されたリスト項目の序数値を示します。リストがローマ数字や文字で表示される場合であっても、この属性は数値のみが指定できます。続くリスト項目は、その番号から続いて採番されます。順序なしリスト (<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 属性を非推奨にした。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
valueChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
type
非推奨非標準
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。

関連情報

  • 他のリスト関連 HTML 要素: <ul>, <li>, <menu> および廃止された <dir>
  • <li> の整形に便利な CSS プロパティ:
    • 箇条書き記号の表示を選択するための list-style
    • 複雑な入れ子状リストを処理するのに使用できる CSS counters
    • リスト項目のインデントの調整に用いることができる margin

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

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