CSS list-style-type

Also see the full, alphabetical list of CSS properties


The CSS list-style-type property is used for specifying the "list style type" (what list item bullets should look like). For example, you can display your bullets as a disc, square, or roman numerals.

Also see the list-style, list-style-position and list-style-image properties.

Syntax: list-style-type: <value>;
Possible Values: If the browser/user agent doesn't recognise the type it should use decimal.
  • disc
  • circle
  • square
  • decimal
  • decimal-leading-zero
  • lower-roman
  • upper-roman
  • lower-greek
  • lower-alpha
  • lower-latin
  • upper-alpha
  • upper-latin
  • hebrew
  • armenian
  • georgian
  • cjk-ideographic
  • hiragana
  • katakana
  • hiragana-iroha
  • katakana-iroha
  • none
  • inherit
Initial Value: disc
Applies to: List item elements
Inherited: Yes
Media: Visual
Example: ul { list-style-type: square }
Try it yourself!


Also see all CSS properties listed alphabetically


Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
Webydo Banner Ad
Webydo Banner Ad