Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
list-style-type

4 Articles
{
,

}
Direct link to the article Remove List Markers Without Affecting Semantics
list-style-type lists

Remove List Markers Without Affecting Semantics

:where(ul, li, menu) {
  list-style: "";
}

The more “correct” approach is to set list-style to none but that has a latent consequence of Safari no longer recognizing the element as a proper list, semantically speaking. We could fix …

Avatar of Geoff Graham
Geoff Graham on Jan 15, 2024 (Updated on May 22, 2024)
Direct link to the article List Markers and String Styles
list-style list-style-type lists marker

List 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 completely with list-style-type: none, and start …

Avatar of Eric Meyer
Eric Meyer on Apr 29, 2021
Direct link to the article List Style Recipes
list list-style-image list-style-position list-style-type marker

List 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 for styling, but they have …

Avatar of Chris Coyier
Chris Coyier on May 5, 2020
Direct link to the article list-style
list-style list-style-position list-style-type

list-style

The list-style property is a shorthand property that sets values for three different list-related properties in one declaration:

ul {
  list-style: <list-style-type|| <list-style-position|| <list-style-image;
}

Here’s an example of the syntax:

ul {
  list-style: square outside none;
…
Avatar of Sara Cope
Sara Cope on Sep 5, 2011 (Updated on Apr 23, 2021)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top