CSS-Listen und -Zähler

Das CSS-Listen und -Zähler Modul ermöglicht das Stylen und Positionieren von Listenelement-Aufzählungszeichen sowie das Manipulieren ihrer Werte mithilfe einer Kombination aus Strings, Zählern und anderen Funktionen.

Das kennzeichnende Merkmal eines Listenelements ist dessen Markierung, sei es ein Aufzählungszeichen oder ein Ordnungszähler. Listenelemente sind nicht auf <li> Elemente beschränkt, die innerhalb von <ol> oder <ul> Elementen verschachtelt sind. Vielmehr sind Listenelemente alle Elemente, die display: list-item gesetzt haben.

Dieses Modul definiert CSS-Funktionen, um die Zähler einer Liste zu setzen und zurückzusetzen, um festzulegen, welche Zählerstile oder Symbole als Markierungen verwendet werden sollen, und um diese Markierungen zu positionieren. Es bietet Entwicklern auch die Möglichkeit, benutzerdefinierte Markierungen zu erstellen.

Referenz

Eigenschaften

• counter-increment
• counter-reset
• counter-set
• list-style-image
• list-style-type
• list-style-position
• list-style Kurzschreibweise

Es gibt auch eine marker-side-Eigenschaft, die noch vollständig definiert oder implementiert werden muss.

Pseudo-Elemente

• ::marker

Funktionen

• counter()
• counters()

Datentypen

• <counter>
• <counter-name>
• <counter-style>

Leitfäden

Konsistente Listeneinrückung

Erklärt, wie man konsistente Listeneinrückungen über verschiedene Browser hinweg erzielt.

Verwendung von CSS-Zählern

Erklärt, wie man die CSS-Zählereigenschaften verwendet, um Listen-Zähler zu steuern.

Verwandte Konzepte

• CSS-Zählerstile

  • @counter-style At-Regel
  • <counter-style-name> Datentyp
  • <symbol> Datentyp
  • symbols() Funktion

• <ol> start, reversed, und type Attribute

• <ul> type Attribut

• <li> type und value Attribute

Spezifikationen

Siehe auch

• CSS-Zählerstile Modul
• CSS-Pseudo-Elemente Modul
• CSS-generierter Inhalt Modul