Defines the properties for the list style for a list element.
Platform Support
IE | Netscape | Mozilla | Opera | Safari | 5.0+ | 6.0+ | 1.0+ | 4.0+ | 1.3.2+ |
---|---|---|---|---|
|
Usage
[list-style-image] [list-style-position] [list-style-type]
Values
inherit | Inherit the value from the parent element. |
url(image-url.gif) | list-style-image: List image placeholder. |
none | list-style-image: No list image. |
inside | list-style-position: Place the bullet inside the left edge of the list. |
outside | list-style-position: Place the bullet outside the left edge of the list. |
disc | list-style-type: Filled-in circle bullet. |
circle | list-style-type: Open circle bullet. |
square | list-style-type: Square bullet. |
decimal-leading-zero | list-style-type: Numbered list starting with a zero (e.g. 01., 02., 03., etc.) |
decimal | list-style-type: Numbered decimal list (e.g. 1., 2., 3., etc.) |
lower-roman | list-style-type: Lower-case Roman numeral list (e.g. i., ii., iii., etc.) |
upper-roman | list-style-type: Upper-case Roman numeral list (e.g. I., II., III., etc.) |
lower-greek | list-style-type: Lower-case Greek alphabet list |
lower-alpha | list-style-type: Lower-case alphabet list (e.g. a., b., c., etc.) |
lower-latin | list-style-type: Lower-case alphabet list (e.g. a., b., c., etc.) |
upper-alpha | list-style-type: Upper-case alphabet list (e.g. A., B., C., etc.) |
upper-latin | list-style-type: Upper-case alphabet list (e.g. A., B., C., etc.) |
hebrew | list-style-type: Hebrew alphabet list. |
armenian | list-style-type: Armenian alphabet list. |
georgian | list-style-type: Georgian alphabet list. |
cjk-ideographic | list-style-type: Cjk-ideographic list. |
hiragana-iroha | list-style-type: Hiragana-iroha list. |
hiragana | list-style-type: Hiragana list. |
katakana-iroha | list-style-type: Katakana-iroha list. |
katakana | list-style-type: Katakana list. |
Example
To specify an unordered list with a square bullet outside of the list, use the following syntax: ul {
list-style: square outside;}
.
For a demonstration of the list-style-type attribute, see the demo page on quirksmode:
http://www.quirksmode.org/css/lists.html
Remarks
Use the list-style
property as a shortcut to typing out all of the individual list-style
properties separately. You can specify any valid value for a list-style
property as part of list-style
.
Availability
W3C CSS2