Share via

System Colors Tab, Color Picker Dialog Box

  • Article

When you select a color on this tab, a system color category appears in the Color field, and an attribute:category pair is inserted into your CSS style definition as you close the Style Builder dialog box.

Note   On Windows operating systems, you can set System Colors in the Display Control Panel.

  • Color
    If the targetSchema property of the current HTML document is set to a Web browser that supports HTML 4.0 or later, both the names of system colors and the hexadecimal RGB color codes assigned to them on your computer are displayed. If the targetSchema property is set to an older Web browser, one that supports HTML 3.2 and earlier, only the hexadecimal RGB codes of your own system colors are displayed.
  • OK
    Closes the Color Picker dialog box and adds the selected attribute:category pair to the CSS markup that will be inserted when you quit the Style Builder dialog box.

For example, open a CSS style sheet for a document whose targetSchema property is set to a newer Web browser, place the cursor between the braces ( { } ) of a CSS style for the <BODY> element, and on the Format menu choose Build Style. Select the Background tab of the Style Builder dialog box, and click the ellipsis button (...) beside the Color field to open the Color Picker dialog box. On its System Colors tab, choose the "Background" color category. When you exit the Style Builder, the following attribute:category pair is inserted between the braces ( { } ) of your BODY style:

BODY { BACKGROUND-COLOR: background; }

Note   If you set the targetSchema property of your document to an older browser, only the hexadecimal code of the system color is inserted. When you use a system color name, you are not specifying the color all users will display. The background color assigned will vary from user to user, depending upon which desktop color is chosen. In general, you should use System Color categories only on Web projects designed for groups of users who share common and predictable Display settings.

See Also

Color Picker Dialog Box | Working with CSS Styles | Building CSS Styles | Inserting CSS Styles from the Document Styles Window | Web Palette Tab, Color Picker Dialog Box | Named Colors Tab, Color Picker Dialog Box | Custom Color Tab, Color Picker Dialog Box