Style List Markers in CSS
It's a perfectly reasonable to want to style the marker of list items. You know: blue bullets with black text in an unordered list. Or red counters with knockout white numbers in an ordered list. There...
View ArticleClik here to view.
Weekly Platform News: CSS ::marker pseudo-element, pre-rendering web...
Šime posts regular content for web developers on webplatform.news. In this week's roundup: datepickers are giving keyboard users headaches, a new web component compiler that helps fight FOUC, we...
View ArticleCustom List Number Styling
How about a classic CSS trick! This isn't even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works...
View ArticleList Style Recipes
Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity...
View ArticleList Markers and String Styles
Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling control, we turn off the list’s markers...
View ArticleNewer Things to Know About Good Ol’ HTML Lists
HTML lists are boring. They don’t do much, so we don’t really think about them despite how widely used they are. And we’re still able to do the same things we’ve always done to customize them, like...
View ArticleClik here to view.
Everything You Need to Know About the Gap After the List Marker
I was reading “Creative List Styling” on Google’s web.dev blog and noticed something odd in one of the code examples in the ::marker section of the article. The built-in list markers are bullets,...
View Article
