More About Lists - The List-Style Properties

More About Lists The List-Style Properties

List items may or may not have a label. If they do, the label is usually a bullet: for example, ; or a series of numbers (for example, I, II, III or 1, 2, 3). Lists also may be nested, i.e., there can be lists within lists, with each list level having a different type of number or bullet. Labels may be displayed as follows:

• Outside the box that encloses the LI

• To the left of the first line of the LI inside the box

The list-style properties specify whether a list-item has a label, what kind of label (if the list item has one), and where it is placed. As mentioned earlier in this chapter, a list may be either stepped-out or run-in, depending on the display property value you choose. The style and position of labels apply only to list items with the display property value of list-item.

List-style is the most convenient property to use because it sets all aspects of the label together, but you can also use list-style-type, list-style-image, and list-style-position to set individual aspects of the label.