Skip to main content

Getting StartED with CSS

List Properties

These properties control the appearance of unordered (bulleted) and ordered (numbered) lists, giving control over the position and type of symbol displayed alongside each item. See Chapter 8 for a detailed description.

list-style-image

Accepted values:
A URL value or the keyword none
Default:
none
Inherited:
Yes

Specifies an image to be used as the symbol alongside each list item. It is recommended to specify a fallback symbol with list-style-type in case the image is not available. Example

list-style-position

Accepted values:
inside, outside
Default:
outside
Inherited:
Yes

Specifies whether the symbol should be displayed in the margin alongside each list item, or whether it should be indented in the first line. Example

list-style-type

Accepted values:
disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha, none
Default:
disc
Inherited:
Yes

Specifies the symbol that appears alongside each list item. Use none to suppress the symbol.

The only values that work with unordered lists (<ul>) are disc, circle, and square. The remaining values are for ordered lists (<ol>).

The following values are not supported by IE6 or IE7: decimal-leading-zero, georgian, lower-greek, lower-latin, upper-latin.

Examples of list-style-type

list-style

Default:
See individual properties
Inherited:
Yes

Shorthand property that lets you specify the individual properties in a single declaration. The values can appear in any order. If a value is omitted, the default for the individual property is used.