CSS LIST-STYLE-TYPE - CSS3 Examples

CSS LIST-STYLE-TYPE

Written by jon on 8:48 AM
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 }<ul><li style=”list-style-type: disc”>some text</li></ul>
Possible Values
Value Description
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,…

Related Posts by Categories



Widget by John | Interviewghost
  1. 1 comments: Responses to “ CSS LIST-STYLE-TYPE ”

  2. By Anonymous on July 13, 2011 at 3:25 AM

    I think your pages might be informative but I find it really hard to read any of your text on that stippled dark background. Can I suggest a kinder background image/pattern that gives a bit more contrast.

    Cheers

RECENT COMMENTS

SUBSCRIBE TO CSS3 EXAMPLES

 Subscribe to css3 Examples via RSS
Or, subscribe via email:
Find CSS3 Examples Entries :