Defining CSS style block properties

You use the Block category of the CSS Rule Definition dialog box to define spacing and alignment settings for tags and attributes.

To define block settings:

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 in Code view or in the CSS Properties tab.
3. In the CSS Rule Definition dialog box, select Block, then set the style attributes you want.

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

   Word Spacing sets the spacing between words. To set a specific value, in the pop-up menu, select Value, then enter a numeric value. In the second pop-up menu, select a measurement unit (for example, pixel, points, and so on).

   NOTE

   You can specify negative values, but the display depends on the browser. Dreamweaver does not display this attribute in the Document window.

   Letter Spacing increases or decreases space between letters or characters. To decrease the space between characters specify a negative value, for example (-4). Letter spacing settings override justified text settings. The Letter Spacing attribute is supported by Internet Explorer 4 and later and Netscape Navigator 6.

   Vertical Alignment specifies the vertical alignment of the element to which it is applied. Dreamweaver displays this attribute in the Document window only when it is applied to the <img> tag.

   Text Align sets how text is aligned within the element. The Text Align attribute is supported by both browsers.

   Text Indent specifies how far the first line of text indents. A negative value may be used to create an outdent, but the display depends on the browser. Dreamweaver displays this attribute in the Document window only when the tag is applied to block-level elements. The Text Indent attribute is supported by both browsers.

   Whitespace determines how white space within the element is handled. Select from three options: Normal collapses white space; Pre handles it as if the text were enclosed in pre tags (that is, all white space, including spaces, tabs, and returns, is respected); Nowrap specifies that the text only wraps when a br tag is encountered. Dreamweaver does not display this attribute in the Document window. The Whitespace attribute is supported by Netscape Navigator and Internet Explorer 5.5.

   Display specifies whether an element is displayed and if so how it is displayed. None turns off the display of an element to which it is assigned.

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