li タグエレメント

ブロックレベル

　li タグエレメントはリストの項目として使用される HTML タグエレメントです。

　li タグエレメントは、マーカーリストの <ul> エレメント、番号が付きリストの <ol> エレメント、<menu> に包括される形で利用します。

ul タグエレメント

<ul>
	<li>ミカン</li>
	<li>リンゴ</li>
	<li>バナナ</li>
</ul>

表示例

詳しくは動作の確認を参照してください

　リストの左にマーカーや番号が付きますが、スタイルシートの list-style-type プロパティで変更することができます。

マーカーを非表示

ul {
	list-style-type: none;
}

　<ul> は、スタイルシートとの組み合わせで、webページのナビメニューが作成できます。詳しくはリストとCSSを参照してください。ナビメニューにするときは <li> を display:inline-block; でインラインエレメントに変更する必要があります。

- ad -

　以下は <ul> の例です。グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
id		cssにも使えます。エレメントをユニークとします。
class		cssに使います。同名のclassは同じスタイルが適応されます。
type		リストの各項目の前に付くマークタイプ

　その他の属性に関してはHTMLLIElementを参照してください

　上記の入力欄の属性値は以下のExampleに反映されます。

動作の確認

　以下に１行ごとのリストを編集してください。HTML作成ボタンをクリックするとHTMLテキストが作成されます。

一行ごとに「li」要素を作成します。

　li タグエレメントの定義は HTMLLIElement インターフェイスを参照してください。