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
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><liSTYLE="list-style-type:
square">test text in the list
item</li></ul>
Browser Peculiarities
Internet Explorer
4.0:
- If this property is applied to list items (LI), it also applies to any LIs that follow.
4.0+:
- Does not apply to elements with assigned 'display' property of "list-item"
and does not apply to DL/DT/DD.
- UL elements have a default 'list-style-type' value of "disc", OL default
value is "decimal."
Netscape
4.x:
- Does not apply to elements with assigned 'display' property of "list-item"
and does not apply to DL/DT/DD.
- UL elements have a default 'list-style-type' value of "disc", OL default
value is "decimal."
- Adding border/margin/padding properties to UL/OL/LI elements with
the 'list-style-type' property set to "none" still renders the list markers.
- Applying this property to list items (LI) has odd effects (LI):
If OL list: only "decimal", "lower-roman",
"upper-roman", "lower-alpha", and "upper-alpha" work
If UL list: only "none", "disc", "circle" and "square"
work correctly; values of "decimal", "lower-roman", "upper-roman", "lower-alpha",
and "upper-alpha" are treated as "circle."
- WEIRD: A value of "armenian" is treated like "lower-alpha" for
OL/UL lists, but ignored for list items (LI).
- WEIRD: A value of "hebrew" is treated like "lower-alpha" for
list items (LI), but ignored for OL/UL lists.
- Reported elsewhere: Macintosh versions display a question mark
character "?" in place of the marker when this property is set to "none."
6.x:
- Of the Eastern European/Middle Eastern list-style-types, Netcscape 6
appears to render "hebrew" correctly, but with "armenian" and "georgian"
it "tries" to display something other than the default value, but
it is failing in those cases. Admittedly, I may not have the
correct character sets installed on my system.
Opera
3.5:
- Does not apply to elements with assigned 'display' property of
"list-item" and does not apply to DL/DT/DD.
- If this property is applied to list items (LI), it also applies to
any LIs that follow.
- UL elements have a default 'list-style-type' value of "disc", OL
default value is "decimal."
3.5+:
- Using a keyword of "inherit" makes the list-style-type "none" -
it doesn't display any marker. It certainly isn't inheriting properly,
and it isn't using the property default of "disc", so this looks like a bug.
6.0:
- Of the Greek/Latin/Eastern European/Middle Eastern list-style-types,
Opera appears to get "lower-greek", "armenian" and "georgian" correct.
It appears to fail on "lower-latin", "upper-latin" and "hebrew".
Admittedly, I can not read these languages, and I may not have the
correct character sets installed on my system, but Netscape 6 on
the same system can display these fine.