CSS list-style-type

Demo

Copy

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

  • 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

If the browser/user agent doesn't recognise the type it should use decimal.

Initial Value

disc

Applies To

List item elements

Inherited?

Yes

Media

Visual

Example Code

ul { 
  list-style-type: square; 
  }