CSS List Style Generator
Build custom symbols, text, icon references, image references and real ordered counters with marker color, size and position.
Enabling local controls…
Tool settings
Images and icon fonts are never loaded. Their previews use labeled Unicode placeholders; exported references require your project's resources. Marker styling support and screen-reader announcements vary; test your target environment.
Processed in local memory; inputs are not transmitted or stored.
Static source date: 2026-10-18
Preview and complete output
Set the controls, then generate.
How to use this tool
Choose unordered or ordered lists, configure markers or six counter styles with prefix/suffix, generate and export CSS.
When not to use it
Images and icon fonts are never loaded. Their previews use labeled Unicode placeholders; exported references require your project's resources. Marker styling support and screen-reader announcements vary; test your target environment.