CSS-Listen und Zähler
Das CSS-Listen und Zähler-Modul ermöglicht das Styling und die Positionierung von Aufzählungsmarkierungen von Listenelementen sowie die Manipulation ihrer Werte mit einer Kombination aus Zeichenketten, Zählern und anderen Funktionen.
Ein Listenelementmarker, sei es ein Aufzählungssymbol oder ein Ordnungszähler, ist ihr definierendes Merkmal. Listenelemente sind nicht auf <li>-Elemente beschränkt, die innerhalb von <ol>- oder <ul>-Elementen verschachtelt sind. Listenelemente sind vielmehr jedes Element, das display: list-item gesetzt hat.
Dieses Modul definiert CSS-Funktionen, um die Zähler einer Liste festzulegen und zurückzusetzen, um festzulegen, welche Zählerstile oder Symbole als Markierungen verwendet werden sollen, und um diese Markierungen zu positionieren. Es ermöglicht es den Entwicklern auch, benutzerdefinierte Markierungen zu erstellen.
Referenz
>Eigenschaften
counter-incrementcounter-resetcounter-setlist-style-imagelist-style-typelist-style-positionlist-styleKurzform
Es gibt auch eine marker-side-Eigenschaft, die noch vollständig definiert oder implementiert werden muss.
Pseudoelemente
Funktionen
Datentypen
Leitfäden
- Konsistente Listeneinzüge
-
Erklärt, wie man konsistente Listeneinzüge in verschiedenen Browsern erreicht.
- Verwendung von CSS-Zählern
-
Erklärt, wie man die CSS-Zählereigenschaften verwendet, um Listenzähler zu steuern.
Verwandte Konzepte
-
@counter-styleAt-Regel<counter-style-name>Datentyp<symbol>Datentypsymbols()Funktion
-
<ol>start-,reversed- undtype-Attribute -
<ul>type-Attribut -
<li>type- undvalue-Attribute
Spezifikationen
| Specification |
|---|
| CSS Lists and Counters Module Level 3> |
Siehe auch
- CSS-Zählerstile Modul
- CSS Pseudoelemente Modul
- CSS erzeugter Inhalt Modul