list-style-type

Support Key: [CSS1|CSS2|CSS2.1] [IE4B2|N4B5|O3.5|S1]
Other List-Style Properties
marker-offset
list-style
list-style-position
list-style-image
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   disc
Applicable Elements:
All elements with a default or assigned display property value of 'list-item'
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
<ul TYPE> | <ol TYPE> | <li TYPE>
Official Docs:
CSS1: Sect 5.6.3
CSS2: Sect 12.6.2, CSS2.1: Sect 12.5.1
What is it?
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.

NOTE:
Although the CSS specs say that this property is inherited, in practice it is a different matter. IE, Netscape and Opera all treat this as a non-inherited property - nested lists do not inherit the list-style-type from the parent.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O7|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS1|CSS2|CSS2.1] [IE4B2|N4B5|O3.5|S1]
Type: Explicit
Description:
No list-marker will be displayed for each list item.
disc | circle | square
[CSS1|CSS2|CSS2.1] [IE4B2|N4B5|O3.5|S1]
Type: Explicit
Description:
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
[CSS1|CSS2|CSS2.1] [IE4B2|N4B5|O3.5|S1]
Type: Explicit
Description:
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
[CSS2|CSS2.1] [N6|O7.2]
Type: Explicit
Description:
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
[CSS1|CSS2|CSS2.1] [IE4B2|N4B5|O3.5|S1]
Type: Explicit
Description:
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
[CSS1|CSS2] [IE4B2|N4B5|O3.5|S1]
Type: Explicit
Description:
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
[CSS2|CSS2.1] [N6|O6|S1]
Type: Explicit
Description:
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
[CSS2|CSS2.1] [N6|O6]
Type: Explicit
Description:
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
hebrew
[CSS2] [N6|O6|S1]
Type: Explicit
Description:
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:
   hebrew - traditional Hebrew numbering
cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha
[CSS2] [N6]
Type: Explicit
Description:
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,...
[Netscape Proprietary]
[N6]
Type: Explicit
Description:
These are proprietary values found in the Mozilla code, and at least some of them seem to work. There is no documentation though for them, so here they are without preamble...
-moz_cjk_heavenly_stem, -moz_cjk_earthly_branch, -moz_trad_chinese_informal, -moz_trad_chinese_formal, -moz_simp_chinese_informal, -moz_simp_chinese_formal, -moz_japanese_informal, -moz_japanese_formal, -moz_arabic_indic, -moz_persian, -moz_urdu, -moz_devanagari, -moz_gurmukhi, -moz_gujarati, -moz_oriya, -moz_kannada, -moz_malayalam, -moz_bengali, -moz_tamil, -moz_telugu, -moz_thai, -moz_lao, -moz_myanmar, -moz_khmer, -moz_hangul, -moz_hangul_consonant
Example
Ext/Doc: ul { list-style-type: square }
In-Line: <ul><li STYLE="list-style-type: square">test text in the list item</li></ul>
Browser Peculiarities

Boring Copyright Stuff....