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. 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( 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. 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
Search WWH ::

Custom Search