CSS/Funktionen/symbols()

Die symbols()-Funktion 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..

Parameter	Syntax symbols() = symbols( <symbols-type>? [ <string>
anwendbar auf	{{{anwendbar_auf}}}
Browsersupport	caniuse: {{{caniuse}}}

Beispiel

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

 

Weblinks

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

Siehe auch

• CSS/Eigenschaften/list-style-type

</div>

</div>