Base64 in CSS list-style-image

Use list-style-image to replace the default bullet of <ul> items with a tiny inline image.

Example

ul.checklist {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAK...");
}

Notes

  • You cannot resize the marker image with this property. For full control, use ::before with background-image instead.

Other CSS properties

Related tools and guides

Comments (0)

Questions, ideas or a bug in “Base64 in CSS list-style-image”? Leave a comment, rate the tool, or reply to others.

No comments yet. Be the first to share your feedback!

Leave a comment

Rate this tool:
Esc
↑ ↓ move↵ openEsc close