CSS-Listen und Zähler
Das CSS-Listen und Zähler Modul ermöglicht die Gestaltung und Positionierung von Listeneinträgen und die Manipulation ihrer Werte mit einer Kombination von Zeichenfolgen, Zählern und anderen Funktionen.
Ein Listeneintrag wird durch seinen Marker definiert, sei es ein Bullet-Symbol oder ein Ordnungszähler. Listeneinträge sind nicht auf <li> Elemente beschränkt, die in <ol> oder <ul> Elemente eingebettet sind. Vielmehr sind Listeneinträge alle Elemente mit display: list-item.
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 die Position dieser Marker festzulegen. Es bietet Entwicklern auch die Möglichkeit, benutzerdefinierte Marker zu erstellen.
Referenz
Eigenschaften
counter-incrementcounter-resetcounter-setlist-style-imagelist-style-typelist-style-positionlist-styleKurzschreibweise
Es gibt auch eine marker-side Eigenschaft, die noch nicht vollständig definiert oder implementiert ist.
Pseudoelemente
Funktionen
Datentypen
Leitfäden
- Konsistente Listen-Einrückung
-
Erklärt, wie man eine konsistente Listen-Einrückung in verschiedenen Browsern erreicht.
- CSS-Zähler verwenden
-
Erklärt, wie die CSS-Zähler-Eigenschaften zur Steuerung von Listenzählern verwendet werden.
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 Pseudoelemente Modul
- CSS generierter Inhalt Modul