HTML and CSS Reference
In-Depth Information
merals, lowercase letters, uppercase letters, or with no style, respect-
ively. Most browsers use decimal numbering as the default.
The popular browsers support
list-style-type
as well as the
list-style
property described in the next section.
8.4.8.4. The list-style property
The
list-style
property is the shorthand version for all the other
list-
style
properties. It accepts any or all of the values allowed for the
list-style-type, list-style-position
, and
list-style-image
properties,
in any order and with values appropriate for the type of list they are to
affect. These are valid
list-style
properties:
li {list-style: disc}
li {list-style: lower-roman inside}
li {list-style: url(http://www.kumquat.com/images/tiny-quat.gif) square}
The first example creates list items that use a disc as the bullet image.
The second causes numbered list items to use lowercase Roman numer-
als, drawn inside the list item's block. In the last example, the styles-
conscious browser uses a square as the bullet image if the referenced
image is unavailable.
8.4.8.5. Using list properties effectively
Although you can apply list properties to any element, they affect only
the appearance of elements whose
display
property is set to
list-item
.
Normally, the only tag with this property is the
<li>
tag.
However, this shouldn't deter you from using these properties else-
where, particularly with the
<ul>
and
<ol>
tags. Because these proper-
ties are inherited by elements whose parents have them set, modifying
a list property for the
<ul>
and
<ol>
tags subsequently modifies it for
