<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 einen Eintrag in einer Liste darzustellen. Es muss in einem Elternelement enthalten sein: einer geordneten Liste (<ol>), einer ungeordneten Liste (<ul>) oder einem Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente gewöhnlich mit Aufzählungszeichen angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler auf der linken Seite dargestellt, wie einer Zahl oder einem Buchstaben.

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 ganzzahlige Attribut gibt den aktuellen Ordnungswert 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 Ziffern oder Buchstaben angezeigt wird. Listenelemente, die diesem folgen, setzen die Nummerierung ab dem festgelegten Wert fort. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder für Menüs (<menu>).

type

Dieses Zeichenattribut gibt den Nummerierungstyp an:

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

Dieser Typ überschreibt den des übergeordneten <ol>-Elements, falls vorhanden.

Hinweis: Dieses Attribut wurde veraltet; 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 Fluss-Inhalt.
Tag-Weglassung Das End-Tag kann weggelassen werden, wenn das Listenelement unmittelbar von einem anderen <li>-Element gefolgt wird oder wenn es keine weiteren Inhalte in seinem Elternelement gibt.
Erlaubte Eltern Ein <ul>, <ol> oder <menu>-Element. Obwohl nicht eine konforme Nutzung, kann das veraltete <dir> ebenfalls ein Elternteil sein.
Implizierte ARIA-Rolle listitem als Kind von 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 Listen-bezogene HTML-Elemente: <ul>, <ol>, <menu>, und das veraltete <dir>;

  • CSS-Eigenschaften, die besonders nützlich sein können, um das <li>-Element zu stylen:

    • die list-style-Eigenschaft, um die Anzeige des Ordnungszeichens zu wählen,
    • CSS-Zähler, um komplexe verschachtelte Listen zu verarbeiten,
    • die margin-Eigenschaft, um den Einzug des Listenelements zu steuern.