CSS-Listen und Zähler
Das CSS-Listen und Zähler-Modul ermöglicht das Styling und Positionieren von Aufzählungszeichen in Listen sowie das Manipulieren ihrer Werte mit einer Kombination aus Zeichenfolgen, Zählern und anderen Funktionen.
Das Markierungselement eines Listenelements, sei es ein Aufzählungszeichen oder ein Ordnungszähler, ist sein charakteristisches Merkmal. Listenelemente sind nicht auf <li>
-Elemente beschränkt, die innerhalb von <ol>
- oder <ul>
-Elementen verschachtelt sind. Vielmehr sind Listenelemente jedes Element mit der Einstellung display: list-item
.
Dieses Modul definiert CSS-Funktionen, um die Zähler einer Liste zu setzen und zurückzusetzen, festzulegen, welche Zählerstile oder Symbole als Markierungen verwendet werden sollen und diese zu positionieren. Es bietet Entwicklern auch die Möglichkeit, benutzerdefinierte Markierungen 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 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 Einrückung von Listen über verschiedene Browser hinweg erreicht.
- Verwendung von CSS-Zähler
-
Erklärt, wie die CSS-Zähleigenschaften zur Steuerung von Listen-Zählern verwendet werden.
Verwandte Konzepte
-
@counter-style
at-rule<counter-style-name>
Datentyp<symbol>
Datentypsymbols()
Funktion
-
<ol>
Attributestart
,reversed
undtype
-
<ul>
Attributtype
-
<li>
Attributetype
undvalue
Spezifikationen
Specification |
---|
CSS Lists and Counters Module Level 3 |
Siehe auch
- CSS-Zählerstile Modul
- CSS-Pseudo-Elemente Modul
- CSS generierter Inhalt Modul