CSS3.com


CSS LIST-STYLE-TYPE

This property is used when the author wishes to change the default appearance of list-markers in HTML list structures. If a 'list-style-image' property is also given and it has a value of 'none' or the URL can not be loaded, the 'list-style-type' property value will be used in its place. This property should always be specified in the event the URL pointed to in 'list-style-image' can not be loaded. If a value for this property is not understood, the value 'decimal' should be used

Example
ul { list-style-type: square }
  • some text

Possible Values
inherit: Explicitly sets the value of this property to that of the parent
none: No list-marker will be displayed for each list item
disc | circle | square: This specifies standard symbols to use as non-ordered list markers. For each successive list-item, the symbol will remain the same. - 'disc': Solid bullet, - 'circle': Hollow bullet, - 'square': Solid square.
decimal: This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using a numeric sequence, eg: decimal integers - 1, 2, 3, 4, 5,...
decimal-leading-zero: This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using a numeric sequence, eg: decimal integers padded by initial zeros - 01, 02, 03, 04, 05,...
lower-roman | upper-roman: This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using an alpha-numeric sequence, eg: 

   lower-roman - i, ii, iii, iv, v,...

   upper-roman - I, II, III, IV, V,...
lower-alpha | upper-alpha: This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg: lower-alpha - a, b, c, d, e,... upper-alpha - A, B, C, D, E,...
lower-greek | lower-latin | upper-latin: This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg: lower-greek - [alpha], [beta], [gamma], [delta],... lower-latin - lower case latin letters upper-latin - upper case latin letters
armenian | georgian | hebrew: This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg: armenian - traditional Armenian numbering, georgian - traditional Georgian numbering, hebrew - traditional Hebrew numbering
cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha: This specifies a standard set of symbol systems to use as ordered list markers. The values increment with each successive list item using an alphabetic sequence, eg: cjk-ideographic - 'plain ideographic numbers', hiragana - Japanese phonetic Hiragana ordering: a, i, u, e, o, ka, ki,... katakana - Japanese phonetic Katakana ordering: a, i, u, e, o, ka, ki,...   hiragana-iroha - Japanese phonetic Hiragana ordering: i, ro, ha, ni, ho, he, to...   katakana-iroha - Japanese phonetic Katakana ordering: i, ro, ha, ni, ho, he, to...


Go Back