Gunnar Bittersmann: List-Style-Type

Beitrag lesen

@@TS

leider bin ich zu blöde den Text aus dem Wiki zu verstehen:

Leider hast du die Stelle im Wiki nicht gezeigt. Vielleicht hat der Schreiberling ja auch die Spec nicht verstannden und was Blödes ins Wiki geschrieben.

Mit CSS3 wurden eine Vielzahl neuer Aufzählungszeichen bzw. Nummerierungen definiert. Außerdem können durch die Angabe einer Zeichenkette, etwa list-style-type: "P"; oder list-style-type: "Punkt"; auch eigene Aufzählungszeichen festgelegt werden.

Ja. Und wo ist dein Problem damit?

list-style-type: '◽ ' sollte ebenso funktionieren wie list-style-type: '\25FD ' (man beachte die 2 Leerzeichen).

für ungeordnete Listen
box, Zeichen 25FD (◽)
check, Zeichen 2713 (✓)
diamond, Zeichen 25C6 (◆)
dash, Zeichen 2014 (—)

Nichts davon steht in der Spec. Nichts davon funktioniert in Firefox oder Chrome.

Du kannst aber mit einer At-Regel deinen eigenen Aufzählungs- bzw. Nummerierungsstil festlegen:

@counter-style box
{
	system: cyclic;
	symbols: '\25FD ';
	suffix: ' ';
}

ul
{
	list-style-type: box;
}

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory