CSS-Zählerstile
Das CSS counter styles Modul ermöglicht es Ihnen, Ihre eigenen Zählerstile zu definieren, um das Erscheinungsbild von Markierungen in Listen und Zählern in generiertem Inhalt zu verwalten. Es ermöglicht Ihnen auch, native Browser-Listenstile mit Ihren eigenen Anpassungen zu erweitern.
Obwohl wir Zähler als Zahlen betrachten, sind sie tatsächlich Zeichenketten mit Komponenten, die inkrementiert werden können. Das Modul für Zählerstile definiert die @counter-style
Regel 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, das Präfix vor dem Zähler und das Postfix danach, sowie die Handhabung negativer Werte. Die Deskriptoren können auch einen Bereich festlegen, um die Werte zu begrenzen, die ein Zählerstil verarbeiten kann, und bieten gleichzeitig Ausweichstile für den Fall, dass der Zählerwert außerhalb des definierten Bereichs liegt oder der Zählerwert nicht angezeigt werden kann. Das Modul ermöglicht es auch, zu definieren, wie der Zähler von Sprachsynthesizern laut vorgelesen wird.
Referenz
Eigenschaften
In diesem Modul sind keine Eigenschaften definiert.
Funktionen
Datentypen
At-Regeln und Deskriptoren
Schnittstellen
CSSCounterStyleRule
Schnittstelle
Leitfäden
- Verwendung von CSS-Zählern
-
Beschreibt, wie Zähler verwendet werden können, um HTML-Elemente zu nummerieren oder komplexe Zählungsaufgaben durchzuführen.
Verwandte Konzepte
CSS-Listen und Zähler Modul:
counter-increment
Eigenschaftcounter-reset
Eigenschaftcounter-set
Eigenschaftlist-style-type
Eigenschaftlist-style
Kurzform-Eigenschaftcounter()
Funktioncounters()
Funktion
CSS Pseudo-Elemente Modul:
CSS generierter Inhalt Modul:
content
Eigenschaft
Spezifikationen
Specification |
---|
CSS Counter Styles Level 3 |
Siehe auch
- CSS-Listen und Zähler Modul
- CSS Pseudo-Elemente Modul
- CSS generierter Inhalt Modul
- Vorgefertigte Zählerstile über W3C (2023)