beautypg.com

Define css style block properties, Define css style box properties – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 155

background image

To the top

Word Spacing

Letter Spacing

Vertical Align

Text Align

Text Indent

Whitespace

Display

To the top

Define 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 properties.

1. Open the CSS Styles panel (Shift+F11) if it isn’t already open.

2. Double-click an existing rule or property in the top pane of the CSS Styles panel.

3. In the CSS Rule Definition dialog box, select Block, then set any of the following style properties. (Leave the property blank if it is not

important to the style.)

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.

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.

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 tag.

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

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.

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.

Specifies whether an element is displayed and if so how it is displayed. None disables the display of an element to which it is

assigned.

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

click OK.

Define CSS style box properties

Use the Box category of the CSS Rule Definition dialog box to define settings for tags and properties that control the placement of elements on the
page.

You can apply settings to individual sides of an element when applying padding and margin settings, or use the Same For All setting to apply the
same setting to all sides of an element.

1. Open the CSS Styles panel (Shift + F11) if it isn’t already open.

148

This manual is related to the following products: