Sets up to three separate list-style properties of the object.

{ list-style: sStyle }


String that specifies or receives up to three of the following values, in any order:


Any of the range of image values available to the list-style-image property.


Any of the range of position values available to the list-style-position property.


Any of the range of type values available to the list-style-type property.

The property is read/write and has a default value of disc outside none. It is inherited.

The list-style property is a composite property. When specifying both the type and image values, the image value takes precedence, unless either the image value is set to none or the image pointed to by the URL cannot be displayed.

The list-style property also applies to all elements for which the display property is set to list-item. To make the bullet points appear, you must explicitly set the margin property for these elements.

The following example uses the list-style property to set the list style. This example uses the UL and UL.COMPACT elements as selectors in an embedded (global) style sheet to define the styles of two different unordered lists. For the UL.COMPACT element to override the image that is set with the the UL element selector, you must explicitly set the image property to none:

    ul {list-style: outside url(dot.gif)}
    ul.compact {list-style-image:none; list-style: inside circle}
<ul class=compact>


Community Additions