Operation Manual

Display
To the top
Width and Height
Float
Clear
Padding
Same For All
Margin
Same For All
To the top
Type
Same For All
Width
Same For All
Color
Same For All
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.
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 Box, and set any of the following style properties. (Leave the property blank if it
is not important to the style.)
Sets the width and height of the element.
Specifies the side around which other elements flow around the floated element. The floated element is fixed to the float
side and other contents flow around it on the opposite side.
For example, an image that is floated right is fixed to the right, and content that you add later flows to the left of the image.
For more information, see http://css-tricks.com/all-about-floats/
Specifies the sides of an element that do not allow other floating elements.
Specifies the amount of space between the content of an element and its border (or margin if there is no border).
Deselect the Same For All option to set the padding for individual sides of the element.
Sets the same padding properties to the Top, Right, Bottom, and Left of the element to which it is applied.
Specifies the amount of space between the border of an element (or the padding if there is no border) and another
element. Dreamweaver displays this attribute in the Document window only when it is applied to block-level elements
(paragraphs, headings, lists, and so on). Deselect Same For All to set the margin for individual sides of the element.
Sets the same margin properties to the Top, Right, Bottom, and Left of the element to which it is applied.
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 border properties
Use the Border category of the CSS Rule Definition dialog box to define settings, such as width, color, and style, for the borders around elements.
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 Border, and set any of the following style properties. (Leave the property blank if
it is not important to the style.)
Sets the style appearance of the border. The way the style appears depends on the browser. Deselect Same For All to
set the border style for individual sides of the element.
Sets the same border style properties to the Top, Right, Bottom, and Left of the element to which it is applied.
Sets the thickness of the element’s border. The Width attribute is supported by both browsers. Deselect Same For All
to set the border width for individual sides of the element.
Sets the same border width to the Top, Right, Bottom, and Left of the element to which it is applied.
Sets the color of the border. You can set each side’s color independently, but the display depends on the browser.
Deselect Same For All to set the border color for individual sides of the element.
Sets the same border color to the Top, Right, Bottom, and Left of the element to which it is applied.
105