CSS/Funktionen/symbols()

Die CSS-Funktion symbols() ermöglicht die Definition von Zählerstilen inline, direkt als Wert von Eigenschaften wie list-style, und bietet eine weniger leistungsfähige, aber einfachere Alternative zur @counter-style-Methode zur Definition eines Zählerstils.

Im Gegensatz zu @counter-style, die einen wiederverwendbaren Counter-Style definiert, ist symbols() anonym (d.h., sie kann nur einmal verwendet werden). Diese Funktion akzeptiert Zeichenketten und Bilder als Werte. Im Vergleich dazu akzeptiert der symbols-Deskriptor von @counter-style auch Bezeichner.

anwendbar auf

 

Parameter

* cyclic: Das System durchläuft die angegebenen Werte in der Reihenfolge ihrer Definition und kehrt zum Anfang zurück, wenn es das Ende erreicht.

• numeric: Das System interpretiert die angegebenen Werte als die aufeinanderfolgenden Einheiten eines Stellenwert-Zahlensystems.
• alphabetic: Das System interpretiert die angegebenen Werte als die Ziffern eines alphabetischen Nummerierungssystems, wie ein Stellenwertnummerierungssystem, aber ohne 0.
• symbolic: Das System durchläuft die Werte zyklisch und gibt sie bei jedem Zyklus ein weiteres Mal aus (beim ersten Zyklus ein Mal, beim zweiten Zyklus zwei Mal, usw.).
• fixed: Das System durchläuft die angegebenen Werte einmal und kehrt dann zu den arabischen Ziffern zurück.

Beispiel

ol {
  list-style: symbols(cyclic "*" "†" "‡");
}

 

Siehe auch

• CSS/Eigenschaften/list-style-type

Weblinks

• CSSWG: symbols() (CSS Counter Styles Level 3)
• MDN: symbols()