CSS/Funktionen/symbols()

Browserunterstützung
caniuse.com

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

{{{anwendbar_auf}}}

Parameter

Syntax

symbols() = symbols( <symbols-type>? [ <string></div></dd></dl>

Beispiel

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

 

Siehe auch

• CSS/Eigenschaften/list-style-type

Weblinks

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

</div>

</div>