Adobe Dreamweaver CC 2015 - Manual (Page 211)

204
CSS
Last updated 6/3/2015
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.)
Width and Height Sets the width and height of the element.
Float 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/
Clear Specifies the sides of an element that do not allow other floating elements.
Padding 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.
Same For All Sets the same padding properties to the Top, Right, Bottom, and Left of the element to which it is
applied.
Margin 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.
Same For All 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.)
Type 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.
Same For All Sets the same border style properties to the Top, Right, Bottom, and Left of the element to which it is
applied.
Width 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.
Same For All Sets the same border width to the Top, Right, Bottom, and Left of the element to which it is applied.