<li>要素

<li>要素の定義

HTMLで「一覧」「箇条書き」を表現するためには、<ul> ・ <ol> ・ <li> の各要素を組み合わせて表現します。
そのうち、<li>要素はリストの各項目として使います。
<li>要素は”list item”から来ています。

子要素として使用できるもの

フローコンテンツ

親要素として使えるもの

<ol> 要素、<ul> 要素、<menu> 要素

許可されている ARIA ロール

menuitem, menuitemcheckbox, menuitemradio, option, presentation, radio, separator, tab, treeitem

DOMインターフェース

HTMLLIElement

属性

グローバル属性が指定できます。

value

<ol>要素で表された順序付きリストの場合に、その項目の番号を整数で指定します。

サンプル

シンプルなリスト

See the Pen wLmJbv by Masahiko Iwakiri (@m-iwakiri) on CodePen.

リストの入れ子の例

See the Pen gNjmVz by Masahiko Iwakiri (@m-iwakiri) on CodePen.

番号の操作いろいろ

See the Pen ZdjKbY by Masahiko Iwakiri (@m-iwakiri) on CodePen.