From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/html/element/li/index.html | 158 ++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 files/ja/web/html/element/li/index.html (limited to 'files/ja/web/html/element/li') diff --git a/files/ja/web/html/element/li/index.html b/files/ja/web/html/element/li/index.html new file mode 100644 index 0000000000..96fbc152c6 --- /dev/null +++ b/files/ja/web/html/element/li/index.html @@ -0,0 +1,158 @@ +--- +title:
  • +slug: Web/HTML/Element/li +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/li +--- +
    {{HTMLRef}}
    + +

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

    + +
    {{EmbedInteractiveExample("pages/tabbed/li.html", "tabbed-shorter")}}
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    コンテンツカテゴリーなし
    許可されている内容フローコンテンツ
    タグの省略直後に別の {{HTMLElement("li")}} 要素が続く場合、または他のリスト項目が続くことなく親要素が閉じられた場合は、終了タグが省略可能。
    許可されている親要素{{HTMLElement("ul")}}、{{HTMLElement("ol")}}、{{HTMLElement("menu")}}。すでに廃止されているが、{{HTMLElement("dir")}} の子要素としても配置可能であった。
    暗黙の ARIA ロールlistitem when child of an ol, ul or menu
    許可されている ARIA ロール{{ARIARole("menuitem")}}, {{ARIARole("menuitemcheckbox")}}, {{ARIARole("menuitemradio")}}, {{ARIARole("option")}}, {{ARIARole("none")}}, {{ARIARole("presentation")}}, {{ARIARole("radio")}}, {{ARIARole("separator")}}, {{ARIARole("tab")}}, {{ARIARole("treeitem")}}
    DOM インターフェイス{{domxref("HTMLLIElement")}}
    + +

    属性

    + +

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

    + +
    +
    {{htmlattrdef("value")}}
    +
    これは整数値の属性で、 {{HTMLElement("ol")}} 要素で定義されたリスト項目の序数値を示します。リストがローマ数字や文字で表示される場合であっても、この属性は数値のみが指定できます。続くリスト項目は、その番号から続いて採番されます。順序なしリスト ({{HTMLElement("ul")}}) やメニュー ({{HTMLElement("menu")}}) では value 属性は意味がありません。 +
    注: この属性は HTML4 で非推奨とされましたが、 HTML5 で再導入されました。
    +
    +
    {{htmlattrdef("type")}} {{Deprecated_inline}}
    +
    文字の属性で、表示するリストマーカーの種類を指定します。 +
      +
    • a: 小文字
      • +
    • A: 大文字
      • +
    • i: 小文字のローマ数字
      • +
    • I: 大文字のローマ数字
      • +
    • 1: 数字
      • +
    + もし親の {{HTMLElement("ol")}} 要素で使用されていた場合は、それよりも優先されます。 + +
    注意: この属性は非推奨になっています。代わりにCSS の {{cssxref("list-style-type")}} プロパティを使用してください。
    +
    +
    + +

    例

    + +

    もっと詳細な例は、 {{htmlelement("ol")}} と {{htmlelement("ul")}} のページを参照してください。

    + +

    番号付きリスト

    + +
    <ol>
+    <li>最初のリスト項目</li>
+    <li>二番目のリスト項目</li>
+    <li>三番目のリスト項目</li>
+</ol>
+
    + +

    {{EmbedLiveSample("Ordered_list")}}

    + +

    カスタム値の付いた番号付きリスト

    + +
    <ol type="I">
+    <li value="3">third item</li>
+    <li>fourth item</li>
+    <li>fifth item</li>
+</ol>
+
    + +

    {{EmbedLiveSample("Ordered_list_with_a_custom_value")}}

    + +

    順序なしリスト

    + +
    <ul>
+    <li>最初のリスト項目</li>
+    <li>二番目のリスト項目</li>
+    <li>三番目のリスト項目</li>
+</ul>
    + +

    {{EmbedLiveSample("Unordered_list")}}

    + +

    仕様書

    + + + + + + + + + + + + + + + + + + + + + + + + + + +
    仕様書状態備考
    {{SpecName('HTML WHATWG', 'semantics.html#the-li-element', '<li>')}}{{Spec2('HTML WHATWG')}}
    {{SpecName('HTML5 W3C', 'grouping-content.html#the-li-element', '<li>')}}{{Spec2('HTML5 W3C')}}
    {{SpecName('HTML4.01', 'struct/lists.html#h-10.2', '<li>')}}{{Spec2('HTML4.01')}}type 属性を非推奨にした。
    + +

    ブラウザーの互換性

    + + + +

    {{Compat("html.elements.li")}}

    + +

    関連情報

    + + -- cgit v1.2.3-54-g00ecf