Setting CSS Border Attributes
Border attributes control the edges of the space occupied by an element. For example, you can apply text formats and positioning attributes to a <DIV> element, and then apply border attributes to create a box around the element and set it off from the main text.
To prepare to build a CSS border style
- Open an external CSS style sheet document for editing, and follow the procedures in the topic Building CSS Styles.
- or -
Open a Web page for editing in Design view, and follow the procedures in the topic Inserting CSS Styles from the Document Styles Window.
- On the Styles menu, choose Build Style.
The Style Builder dialog box appears.
- Choose Edges in the left pane.
- Choose an option from the Select the edge to be changed drop-down list.
To choose a border
- Choose an option from the Style drop-down list.
If you select None as the style, the Width and Color options are not available.
To choose a width
- Choose an option from the Width drop-down list.
If you select Custom as the Width, adjacent fields are available in which you can type a number and choose a unit option for the border width.
To choose a color
- Choose an option from the Color drop-down list or click the adjacent ellipses (...) button to open the Color Picker dialog box and select additional colors.
You must select a Style before you select a Color.
See Also
Color Picker Dialog Box | Working With CSS Styles | Introduction to Cascading Style Sheets | Building CSS Styles | Adding CSS Style Attributes in Design View | Inserting CSS Styles from the Document Styles Window | Creating an External CSS Style Sheet