Defining CSS style list properties

Defining CSS style list properties

The List category of the CSS Rule Definition dialog box defines list settings, such as bullet size and type, for list tags.

To define a list style:

  1. Open the CSS Styles panel (Shift+F11), if it isn’t already open.
  2. Open the CSS Rule Definition dialog box by doing one of the following:
    • Add a new style. For detailed information, see Creating a new CSS rule.
    • Double-click an existing style to open it for editing.
  3. In the CSS Rule Definition dialog box, select List, and then set the style attributes you want.

    Leave any of the following attributes empty if they are not important to the style:

    Type sets the appearance of bullets or numbers. Type is supported by both browsers.

    Bullet Image lets you specify a custom image for bullets. Click Browse (Windows) or Choose (Macintosh) to browse to an image, or type the image’s path.

    Position sets whether list item text wraps and indents (outside) or whether the text wraps to the left margin (inside).

  4. When you are finished setting these options, select another CSS category on the left side of the panel to set additional style attributes, or click OK.

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Inserting and Formatting Text
Adding Audio, Video, and Interactive Elements
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly