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

Articles Tagged
list-style-position

3 Articles
{
,

}
Direct link to the article Newer Things to Know About Good Ol’ HTML Lists
aria definition list list-style-position lists marker menu

Newer 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 removing markers, reversing …

Avatar of Daniel Schwarz
Daniel Schwarz on Nov 28, 2022
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