DasCSS-Listen-und-Zähler-Modul ermöglicht die Gestaltung und Positionierung von Listenelement-Punkten und die Manipulation ihrer Werte mithilfe einer Kombination aus Zeichenketten, Zählern und anderen Funktionen.

Das Markierungsmerkmal eines Listenelements, ob es sich um ein Bullet-Symbol oder einen Ordnungszähler handelt, ist sein definierendes Merkmal. Listenelemente sind nicht auf<li>-Elemente beschränkt, die innerhalb von<ol> oder<ul>-Elementen verschachtelt sind. Vielmehr sind Listenelemente alle Elemente mitdisplay: list-item eingestellt.

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

Referenz

Eigenschaften

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

Es gibt auch einemarker-side-Eigenschaft, die noch nicht vollständig definiert oder implementiert ist.

Pseudo-Elemente

• ::marker

Funktionen

• counter()
• counters()

Datentypen

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

Leitfäden

Konsistente Listen-Einrückung

Erklärt, wie man eine konsistente Listen-Einrückung über verschiedene Browser hinweg erreicht.

Verwendung von CSS-Zählern

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

Verwandte Konzepte

• CSS-Zählerstile

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

• <ol>start,reversed undtype Attribute

• <ul>type Attribut

• <li>type undvalue Attribute

Spezifikationen

Siehe auch

• CSS-Zählerstile Modul
• CSS-Pseudo-Elemente Modul
• CSS-generierte Inhalte Modul