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;
Search WWH ::

Custom Search