All elements with a default or assigned display
property value of 'list-item'
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
<ulTYPE> |
<olTYPE> |
<liTYPE>
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.
Allowed Values
inherit
CSS2
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
CSS1 | CSS2
| IE4B2 | N4B5
| O3.5
Type: Explicit
Description:
No list-marker will be displayed for each list item.
disc | circle | square
CSS1 | CSS2
| IE4B2 | N4B5
| O3.5
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
| IE4B2 | N4B5
| O3.5
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
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
| IE4B2 | N4B5
| O3.5
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
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
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 | hebrew
CSS2
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
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,...
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."
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."