|Important||This document may not represent best practices for current development, links to downloads and other resources may no longer be valid. Current recommended version can be found here.|
New Style Dialog Box, Border
The Border category of the New Style and Modify Style dialog boxes enables you to define cascading style sheet (CSS) style rules for the border around Web page elements. You can apply these style rules directly to HTML elements or add them either to the current page or to an external style sheet.
To define a CSS border style rule for UI elements on the current page
Open the page in either Design view or Source view.
Optionally, select the text or HTML elements to apply the style to.
In the Format menu, click New Style.
The New Style dialog box is displayed.
In the Category pane, select Border.
The border style selections are displayed in the right pane.
When you apply styles to selected text in Design view, style attributes are inserted inline into the HTML markup for the page. Switch to Source view to review the new style attributes.
To add border attributes to a CSS style rule defined in an external style sheet
Open an existing external style sheet.
Put the cursor inside the braces of the style rule to be modified.
In the Styles menu, click Build Style.
The Modify Style dialog box is displayed.
The Styles menu appears when you open an external CSS style sheet for editing. On the Styles menu, the Build Style option becomes available when you put the cursor inside the braces that follow the selector for a style rule.
In the left pane, click Border.
The border style selections appear in the right pane.
You can apply a CSS style class to an element in the Web page or to the body element itself by setting the element's class property to the name of the class selector.
The following tables list options that are available under the Border category in the New Style and Modify Style dialog boxes.