Visual InterDev

Borders Tab (CSS Editor Window)

See Also      Tasks

Use this tab to set the margin size, padding, border style, border color, and border size for an element. For more information, see CSS Attributes Reference.

Note   The CSS Editor allows you to modify HTML tags supported by Microsoft® Internet Explorer version 4.0 or later. HTML tags not supported by Internet Explorer will be converted to UNKNOWN when you save the .css file. For more information, see HTML References.

Options

Margins

Type values for each of the following settings. Identify the corresponding unit of measure for each setting in the corresponding list box. Margin settings allow negative values.

Top

Select to set the size of the top margin of the element. If you enter a percentage, this percentage is in relation to the top margin of the parent element.

Bottom

Select to set the size of the bottom margin of the element. If you enter a percentage, this percentage is in relation to the bottom margin of the parent element.

Left

Select to set the size of the left margin of the element. If you enter a percentage, this percentage is in relation to the left margin of the parent element.

Right

Select to set the size of the right margin of the element. If you enter a percentage, this percentage is in relation to the right margin of the parent element.

Padding

Type values for each of the following settings. Identify the corresponding unit of measure for each setting in the corresponding list box. Padding settings do not allow negative values.

Top

Select to set the space between the top border and the content of the element. If you enter a percentage, this percentage is in relation to the top padding of the parent element.

Bottom

Select to set the space between the bottom border and the content of the element. If you enter a percentage, this percentage is in relation to the bottom padding of the parent element.

Left

Select to set the space between the left border and the content of the element. If you enter a percentage, this percentage is in relation to the left padding of the parent element.

Right

Select to set the space between the right border and the content of the element. If you enter a percentage, this percentage is in relation to the right padding of the parent element.

Borders

Style

Select the type of border to be applied to the element. Choose from none, solid, double, groove, ridge, inset, and outset. Each style creates a border using the color specified in the Color option.

Color

Select the color for the border styles chosen above. Choose a color from the drop-down list or choose Browse to select a custom color.

Width

Preview

Displays various border settings as applied to the top, bottom, left, and right borders of the element. You can set different border settings for each side of the element. Use the border side buttons to view how that border will appear.