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

To set the border style for elements:

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 Border, and then set the style attributes you want.

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

   Style sets the style appearance of the border. The way the style appears depends on the browser. Dreamweaver renders all styles as solid in the Document window. The style attribute is supported by both browsers. Deselect Same For All to set the border style for individual sides of the element.

   Same For All sets the same border style attributes 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.

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

   Same For All sets the same border color to the Top, Right, Bottom, and Left of the element to which it is applied.

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.