Named Colors Tab, Color Picker Dialog Box
[This documentation is for preview only, and is subject to change in later releases. Blank topics are included as placeholders.]
When you choose a color swatch, a named color appears in the Color field. When you select a Basic or Additional named color, an attribute:colorname pair will be inserted into your cascading style sheet (CSS) style definition when you close the Style Builder dialog box.
For example, while editing an HTML page in Design view, select the <BODY> element in the Document Outline window and choose Build Style from the Format menu. Select Background and choose the ellipsis button (...) next to the Color field to open the Color Picker dialog box. On its Named Colors tab, select the LightBlue (#add8e6) color in the bottom row. When you close the Style Builder dialog box, the following attribute:colorname pair is inserted between the braces ({ }) of your BODY style:
BODY { BACKGROUND-COLOR: lightblue; }
To access this dialog box
In Microsoft Visual Web Developer, in Design view, select a control or HTML element that renders markup (such as a Table control or an HTML <input> button).
Open the Style Builder dialog box by performing one of the following actions:
In Design view, select the control or element, click Format, and then click Style.
In Design view, right-click the control or element and click Style.
Select the control or element, select its Style property in the Properties window, and then choose the ellipsis button (...).
If you are working in the Document Styles window, select an Element, a Class, or an Element ID, and then choose the Build Style icon.
If you are editing a CSS style sheet, place the insertion point between the braces ({ }) of a CSS style, and then choose Build Style on the Style menu.
The Style Builder dialog box opens.
Select any of the tabs in the Style Builder dialog box that contain a Color drop-down list, and click the ellipsis (…) button next to the box.
The Color Picker dialog box opens.
Click the Named Colors tab.
Tasks
UI Elements
Basic
Displays examples of selectable basic colors.Additional
Displays examples of selectable colors as alternatives to the list of basic colors.Color
Displays the color name and hexadecimal RGB code for the selected color.OK
Closes the Color Picker dialog box and adds the selected attribute:colorname pair to the CSS markup that will be inserted when you close the Style Builder dialog box.Use color names
Indicates whether to use the name of the color or the RGB code when inserting the selected color into the CSS markup.
See Also
Reference
Web Palette Tab, Color Picker Dialog Box
System Colors Tab, Color Picker Dialog Box
Custom Color Tab, Color Picker Dialog Box