Lists

list-style

This is a shorthand property to define the values of the properties list-style-image, list-style-position and list-style type all in one. One or more of the values for this properties can be included in a space separated list. If both list style and list image are specified the browser will display the bullets just in case the image cannot be found.

Example

list-style:  circle url(images/bullet.png) outside;

Browser support

IE5.5+, FF1+, SA1.3+, OP9.2+

Values

circle A unfilled circle
disc A solid circle(ul default)
inside Where the first letter of the first line normally begins.
lower-alpha a. b. c. ...
lower-greek List style type value.
lower-roman i. ii. iii. ...
none Does not apply the properties style.
outside Default value.
square A filled square.
upper-alpha A. B. C. ...
upper-roman I. II. III. ...
URI values Including URLs, URNs, etc.. e.g. url(images/background.jpg);

Related properties

Can be used with..

Search the Soup!