HTML and CSS Reference
In-Depth Information
FiGure 13-4
The general
list-style
property can be used as shorthand for any or all of these properties. For
example, this CSS declaration:
ul {
list-style-image: url(“image/myBullet.gif”);
list-style-position: inside;
}
is the same as this declaration:
ul {
list-style: url(“image/myBullet.gif”) inside;
}
The
list-style-image
property doesn't accept any width or height values, so
you'll need to make sure that your custom bullet image is sized appropriately.
If your unordered list includes sub-items and you want to style the levels of items differently, you
need to use the proper compound selectors in your CSS declarations. Say, for example, you wanted
to make your primary-level list items bold and the secondary-level items not bold, but red. Here's
the CSS you might use:
ul li {
font-weight: bold;