Define css style block properties, Define css style box properties – Adobe Dreamweaver CC 2015 User Manual
Page 210
203
CSS
Last updated 6/3/2015
Background Position (X) and Background Position (Y)
Specify the initial position of the background image in
relation to the element. This can be used to align a background image to the center of the page, both vertically (Y)
and horizontally (X). If the attachment property is Fixed, the position is relative to the Document window, not to
the element.
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 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.)
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 Align
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.
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 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.