The CSS list properties allow you to:
In HTML, there are two types of lists:
With CSS, lists can be styled further, and images can be used as the list item marker.
The type of list item marker is specified with the list-style-type property:
Some of the property values are for unordered lists, and some for ordered lists.
Note: No versions of Internet Explorer (including IE8) support the property values "decimal-leading-zero",
"lower-greek", "lower-latin", "upper-latin", "armenian",
or "georgian" UNLESS a DOCTYPE is specified
To specify an image as the list item marker, use the list-style-image property:
The example above does not display equally in all browsers. IE and Opera will display the
image-marker a little bit higher than Firefox, Chrome, and Safari.
If you want the image-marker to be placed equally in all browsers, a crossbrowser solution is
The Below example displays the image-marker equally in all browsers:
It is also possible to specify all the list properties in one, single property. This is called a
The shorthand property used for lists, is the list-style property:
When using the shorthand property, the order of the values are:
It does not matter if one of the values above are missing, as long as the rest are in the
All the different list-item
markers for listsThis example demonstrates all the different list-item markers in CSS.
The number in the "CSS" column indicates in which CSS version the property is defined
(CSS1 or CSS2).
Your Query was successfully sent!