CSS Counter Styles
Das Modul CSS Counter Styles ermöglicht es, eigene Zählerstile zu definieren, um das Erscheinungsbild von Markierungen in Listen und Zählern in generierten Inhalten zu verwalten. Es ermöglicht auch die Erweiterung nativer Browser-Listenstile mit eigenen Anpassungen.
Obwohl wir bei Zählern an Zahlen denken, sind sie tatsächlich Zeichenketten mit Komponenten, die inkrementiert werden können. Das Modul für Zählerstile definiert die Regel @counter-style
mit zehn Deskriptoren, die es Entwicklern ermöglichen, genau zu definieren, wie Zähler in Zeichenketten umgewandelt werden. Dieses Modul ermöglicht es, zu definieren, welche Zeichen für die Zählerpunkte verwendet werden, welches Präfix vor den Zähler und welches Suffix danach gesetzt wird, sowie den Umgang mit negativen Werten. Die Deskriptoren können auch einen Bereich festlegen, um die Werte zu begrenzen, die ein Zählerstil verarbeiten kann, und gleichzeitig Ersatzstile anbieten, wenn der Zählerwert außerhalb des definierten Bereichs liegt oder der Wert anderweitig nicht gerendert werden kann. Das Modul ermöglicht auch die Definition, wie der Zähler von Sprachsynthesizern vorgelesen wird.
Referenz
Eigenschaften
In diesem Modul sind keine Eigenschaften definiert.
Funktionen
Datentypen
At-Rules und Deskriptoren
Schnittstellen und APIs
- CSS Counter Styles API
CSSCounterStyleRule
Schnittstelle
Leitfäden
- Verwendung von CSS-Zählern
-
Beschreibt, wie Zähler verwendet werden, um jedes HTML-Element zu nummerieren oder komplexe Zählungen durchzuführen.
Verwandte Konzepte
CSS-Listen und Zähler Modul:
counter-increment
Eigenschaftcounter-reset
Eigenschaftcounter-set
Eigenschaftlist-style-type
Eigenschaftlist-style
Kurzschreibweise Eigenschaftcounter()
Funktioncounters()
Funktion
CSS-Pseudoelemente Modul:
content
Eigenschaft
Spezifikationen
Specification |
---|
CSS Counter Styles Level 3 |
Siehe auch
- CSS Counter Styles API
- CSS-Listen und Zähler Modul
- CSS-Pseudoelemente Modul
- CSS Generierte Inhalte Modul
- Vorgefertigte Zählerstile über das W3C (2023)