<li>: Das Listenelement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <li> HTML-Element wird verwendet, um ein Element in einer Liste darzustellen. Es muss in einem übergeordneten Element enthalten sein: einer geordneten Liste (<ol>), einer ungeordneten Liste (<ul>) oder einem Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente normalerweise mit Aufzählungspunkten dargestellt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler wie einer Zahl oder einem Buchstaben links angezeigt.

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 enthält die globalen Attribute.

value

Dieses Integer-Attribut gibt den aktuellen ordinalen Wert des Listenelements an, wie er durch das <ol>-Element definiert ist. Der einzige erlaubte Wert für dieses Attribut ist eine Zahl, auch wenn die Liste mit römischen Zahlen oder Buchstaben angezeigt wird. Auf dieses Listenelement folgende Listenelemente setzen die Nummerierung ab dem festgelegten Wert fort. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder Menüs (<menu>).

type

Dieses Zeichen-Attribut gibt den Nummerierungstyp an:

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

Dieser Typ überschreibt den von seinem übergeordneten <ol>-Element verwendeten, falls vorhanden.

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

Beispiele

Für detailliertere Beispiele siehe die Seiten von <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.
Erlaubter Inhalt Fließinhalt.
Tag-Auslassung Das End-Tag kann weggelassen werden, wenn das Listenelement direkt von einem anderen <li>-Element gefolgt wird oder wenn kein weiterer Inhalt im übergeordneten Element vorhanden ist.
Erlaubte Eltern Ein <ul>, <ol> oder <menu>-Element. Obwohl nicht normgerecht, kann auch das veraltete <dir> ein Elternteil sein.
Implizierte ARIA-Rolle listitem wenn Kind eines ol, ul oder menu
Erlaubte ARIA-Rollen menuitem, menuitemcheckbox, menuitemradio, option, none, presentation, radio, separator, tab, treeitem
DOM-Schnittstelle [`HTMLLIElement`](/de/docs/Web/API/HTMLLIElement)

Spezifikationen

Specification
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önnen, um das <li>-Element zu gestalten:
    • die list-style-Eigenschaft, um die Art der Darstellung des Ordinals auszuwählen,
    • CSS-Zähler, um komplexe verschachtelte Listen zu handhaben,
    • die margin-Eigenschaft, um den Einzug des Listenelements zu steuern.