CSS list-style-type property

Usage

Sets the type of image marker that should be used. Note that not all types are supported by all browsers.

Values

  • none - no marker
  • disc - default, filled circle
  • circle - hollow circle
  • square - filled square
  • decimal - 1, 2, 3 etc
  • decimal-leading-zero - 01, 02, 03 etc
  • lower-roman - i, ii, iii, iv etc
  • upper-roman - I, II, III, IV etc
  • lower-alpha - a, b, c etc
  • upper-alpha - A, B, C etc
  • lower-greek - alpha, beta, gamma etc
  • lower-latin - a, b, c etc
  • upper-latin - A, B, C etc
  • hebrew - Hebrew numbering
  • armenian - Armenian numbering
  • georgian Georgian numbering (an, ban, gan etc)
  • cjk-ideographic - plain ideographic numbers
  • hiragana - a, i, u, e, o, ka, ki, etc
  • katakana - A, I, U, E, O, KA, KI, etc
  • hiragana-iroha - i, ro, ha, ni, ho, he, to, etc
  • katakana-iroha - I, RO, HA, NI, HO, HE, TO, etc

Example

Code:

ul {
  list-style-type: circle;
}