CSS-Listen und -Zähler
Das CSS-Listen und -Zähler Modul ermöglicht das Stylen und Positionieren von Listenelement-Aufzählungszeichen sowie das Manipulieren ihrer Werte mithilfe einer Kombination aus Strings, Zählern und anderen Funktionen.
Das kennzeichnende Merkmal eines Listenelements ist dessen Markierung, sei es ein Aufzählungszeichen oder ein Ordnungszähler. Listenelemente sind nicht auf <li>
Elemente beschränkt, die innerhalb von <ol>
oder <ul>
Elementen verschachtelt sind. Vielmehr sind Listenelemente alle Elemente, die display: list-item
gesetzt haben.
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 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
Kurzschreibweise
Es gibt auch eine marker-side
-Eigenschaft, die noch vollständig definiert oder implementiert werden muss.
Pseudo-Elemente
Funktionen
Datentypen
Leitfäden
- Konsistente Listeneinrückung
-
Erklärt, wie man konsistente Listeneinrückungen über verschiedene Browser hinweg erzielt.
- Verwendung von CSS-Zählern
-
Erklärt, wie man die CSS-Zählereigenschaften verwendet, um Listen-Zähler zu steuern.
Verwandte Konzepte
-
@counter-style
At-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