<ol>, <ul>, and <li>
<li> は HTML の要素で、リストの項目を表すために用いられます。この要素は、その項目が属する順序付きリスト (<ol>)、順序なしリスト (<ul>)、メニュー (<menu>) のいずれかの子要素として配置する必要があります。メニュー要素および順序なしリスト内においては、リストの項目は通常、行頭文字を伴って表示されます。順序付きリスト内では、数字や文字による連番のリストマーカーを伴って表示されます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 3 | 18 | 1 | |
| HTML 属性 | ||||||
value | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
reversed | 18 | 79 | 18 | 6 | 18 | 6 |
start | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
type | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
| DOM API | ||||||
| HTMLLIElement インターフェイスは、（継承によって使用できる通常の HTMLElement インターフェイスのものに加えて）リスト要素を操作するための特別なプロパティを提供します。 | 1 | 12 | 1 | 1 | 18 | 1 |
| value は HTMLLIElement インターフェイスのプロパティで、指定された ol 内のリスト要素の順序位置を示します。0 未満の場合もあります。 li 要素が ol 要素の子要素でない場合、このプロパティは意味を持ちません。 | 1 | 12 | 1 | 1 | 18 | 1 |
| HTMLOListElement インターフェイスは、（継承によって使用できる通常の HTMLElement インターフェイスのものに加えて）順序付きリスト要素を操作するための特別なプロパティを提供します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLOListElement インターフェースの reversed プロパティは、リストの順序を示す。 | 18 | 79 | 18 | 6 | 18 | 6 |
| HTMLOListElement インターフェースの start プロパティは、順序付きリストの開始値を示す。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLOListElement インターフェースの type プロパティは、順序付きリストの表示に使われるマーカーの種類を示す。 | 1 | 12 | 1 | 3 | 18 | 1 |
| HTMLUListElement インターフェイスは、（通常の HTMLElement インターフェイスから継承されるもの以外に）順序なしリスト (ul) 要素を操作するための特別なプロパティを提供します。 | 1 | 12 | 1 | 3 | 18 | 1 |
| その他 | ||||||
| は HTML の要素で、項目の順序付きリストを表します。ふつうは番号付きのリストとして表示されます。 | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
| は HTML の要素で、項目の順序なしリストを表します。一般的に、行頭記号を伴うリストとして描画されます。 | 1 | 12 | 1 | ≤4 | 18 | ≤3.2 |
- Firefox 10 より前のバージョンでは、Gecko は負の値の属性を誤って 0 に反映していました。
基本構文
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<ol>
<li>Step 1</li>
<li>Step 2</li>
</ol>ライブデモ
実務での使いどころ
-
<ol>, <ul>, and <li> の活用
<li> は HTML の要素で、リストの項目を表すために用いられます。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。