This stylesheet is based on system values, which means that the user's color and font choices for the operating system (or windowing environment) user interface are used to the greatest extent possible.
To get some idea of what a difference this can make, temporarily set your system colors to a different color scheme. Look especially at those labelled high-contrast and (on Windows systems, at least) high-color. Watch the effect it has on the various elements on this page.
Where there are matched values - that is, background, text, and border colors - for a particular user-interface element, you will see style samples for the various properties separately, and then a sample that combines the associated properties. It is generally not a good idea to mix-and-match color values; for example: if you wanted to use the Button background color with the Info text color, you could not necessarily expect that the system color scheme selected by the user would have values for those two elements that would provide good contrast.
WARNING [2025-04-23]: portions of these user styles using system colors are now deprecated. See https://www.w3.org/TR/css-color-4/#deprecated-system-colors for more information. "Authors must not use these keywords." The currently approved values for system colors may be found at https://www.w3.org/TR/css-color-4/#css-system-colors.
Derived from Cascading Style Sheets, level 2 CSS2 Specification.
In addition to being able to assign pre-defined colors to text, backgrounds, etc., CSS2 allows authors to specify colors in a manner that integrates them into the user's graphic environment. Style rules that take into account user preferences thus offer the following advantages:
The set of values defined for system colors is intended to be exhaustive. For systems that do not have a corresponding value, the specified value should be mapped to the nearest system attribute, or to a default color.
The following lists additional values for color-related CSS attributes and their general meaning. Any color property (e.g., 'color' or 'background-color') can take one of the following names. Although these are case-insensitive, it is recommended that the mixed capitalization shown below be used, to make the names more legible.
For example, to set the foreground and background colors of a paragraph to the same foreground and background colors of the user's window, write the following:
p {
color: WindowText;
background-color: Window
}
WARNING [2025-04-23]: portions of these user styles using system fonts are now deprecated. The currently approved values for system fonts may be found at https://www.w3.org/TR/css-fonts-4/#system-font.
Derived from Cascading Style Sheets, level 2 CSS2 Specification.
System fonts may only be set as a whole; that is, the font family, size, weight, style, etc. are all set at the same time.These values may then be altered individually if desired.
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Last modified: 2025-04-23 22:12:26 -- Page loaded at: 2025-05-08 21:54:41