CSS-Listen und -Zähler
Das CSS-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 mit display: list-item eingestellt.
Dieses Modul definiert CSS-Funktionen, um die Zähler einer Liste zu setzen und zurückzusetzen, festzulegen, welche counter-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-incrementcounter-resetcounter-setlist-style-imagelist-style-typelist-style-positionlist-styleKurzform
Es gibt auch eine marker-side-Eigenschaft, die noch nicht vollständig definiert oder implementiert ist.
Pseudo-Elemente
Funktionen
Datentypen
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
-
@counter-styleAt-Regel<counter-style-name>Datentyp<symbol>Datentypsymbols()Funktion
-
<ol>start,reversedundtypeAttribute -
<ul>typeAttribut -
<li>typeundvalueAttribute
Spezifikationen
| Specification |
|---|
| CSS Lists and Counters Module Level 3> |
Siehe auch
- CSS-Zählerstile Modul
- CSS-Pseudo-Elemente Modul
- CSS-generierte Inhalte Modul