css 3

Icon

A comprehensive CSS 3 reference guide, tutorial, and blog
Are you a CSS expert? Want to contribute? Contact us

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 }<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,…

 

 

One Response

  1. Sure hope some day they wil include a legal list style type.

    1.
    1.1
    1.2
    1.3
    2.
    3.
    3.1
    3.2

Leave a Reply

Pages

Sponsors


CSS3.com



Please help CSS3.com stay alive and running

Bad Behavior has blocked 2189 access attempts in the last 7 days.