1. Web
  2. HTML
  3. Reference
  4. Elements
  5. <li>

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<li> HTML Listenelement

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <li> HTML Element wird verwendet, um ein Element in einer Liste darzustellen. Es muss in einem übergeordneten Element enthalten sein: eine geordnete Liste (<ol>), eine ungeordnete Liste (<ul>) oder ein Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente normalerweise mit Aufzählungszeichen angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler auf der linken Seite angezeigt, zum Beispiel eine Nummer oder ein Buchstabe.

Probieren Sie es aus

<p>Apollo astronauts:</p>

<ul>
  <li>Neil Armstrong</li>
  <li>Alan Bean</li>
  <li>Peter Conrad</li>
  <li>Edgar Mitchell</li>
  <li>Alan Shepard</li>
</ul>

p,
li {
  font:
    1rem "Fira Sans",
    sans-serif;
}

p {
  font-weight: bold;
}

Attribute

Dieses Element beinhaltet die globalen Attribute.

value

Dieses Integer-Attribut gibt den aktuellen Ordnungswert des Listenelements an, wie es durch das <ol> Element definiert ist. Der einzig zulässige Wert für dieses Attribut ist eine Zahl, auch wenn die Liste mit römischen Ziffern oder Buchstaben angezeigt wird. Nachfolgende Listenelemente setzen die Nummerierung von dem eingestellten Wert fort. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder für Menüs (<menu>).

type

Dieses Zeichenattribut gibt den Numerierungstyp an:

  • a: Kleinbuchstaben
  • A: Großbuchstaben
  • i: Kleine römische Ziffern
  • I: Große römische Ziffern
  • 1: Zahlen

Dieser Typ überschreibt den im übergeordneten <ol> Element verwendeten, falls vorhanden.

Hinweis: Dieses Attribut ist veraltet; verwenden Sie stattdessen die CSS-Eigenschaft list-style-type.

Beispiele

Für detailliertere Beispiele siehe die Seiten zu <ol> und <ul>.

Geordnete Liste

html
<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Ergebnis

Geordnete Liste mit einem benutzerdefinierten Wert

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

Ergebnis

Ungeordnete Liste

html
<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Keine.
Zulässiger Inhalt Flussinhalt.
Tag-Auslassung Der End-Tag kann weggelassen werden, wenn das Listenelement unmittelbar von einem anderen <li> Element gefolgt wird oder wenn kein weiterer Inhalt im übergeordneten Element vorhanden ist.
Zulässige Eltern Ein <ul>, <ol>, oder <menu> Element. Obwohl es nicht konform ist, kann das veraltete <dir> ebenfalls ein Elternteil sein.
Implizite ARIA-Rolle listitem wenn Kind eines ol, ul oder menu
Zulässige ARIA-Rollen menuitem, menuitemcheckbox, menuitemradio, option, none, presentation, radio, separator, tab, treeitem
DOM-Schnittstelle [`HTMLLIElement`](/de/docs/Web/API/HTMLLIElement)

Spezifikationen

Spezifikation
HTML
# the-li-element

Browser-Kompatibilität

Siehe auch

  • Andere listenbezogene HTML-Elemente: <ul>, <ol>, <menu>, und das veraltete <dir>;
  • CSS-Eigenschaften, die speziell nützlich sein könnten, um das <li> Element zu stylen:
    • die list-style Eigenschaft, um die Anzeigeform des Ordnungszeichens zu wählen,
    • CSS-Zähler, um komplexe verschachtelte Listen zu handhaben,
    • die margin Eigenschaft, um den Einzug des Listenelements zu steuern.

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden