CSS-Listen und -Zähler
Das CSS-Listen und -Zähler Modul ermöglicht das Stylen und Positionieren von Aufzählungszeichen bei Listenelementen und das Manipulieren ihrer Werte mit einer Kombination aus Zeichenketten, Zählern und anderen Funktionen.
Das Markierungszeichen eines Listenelements, ob Symbol oder Ordnungszähler, 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.
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 ermöglicht Entwicklern auch das Erstellen von benutzerdefinierten Markierungen.
Referenz
>Eigenschaften
counter-incrementcounter-resetcounter-setlist-style-imagelist-style-typelist-style-positionlist-styleKurzschreibweise
Es gibt auch eine marker-side-Eigenschaft, die noch vollständig definiert oder implementiert werden muss.
Pseudo-Elemente
Funktionen
Datentypen
Leitfäden
- Konsistente Listen-Einrückung
-
Erklärt, wie man eine konsistente Listen-Einrückung 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-Pseudo-Elemente Modul
- CSS-generierter Inhalt Modul