You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
#FFF. <a href="#whitespace">White space</a> characters are allowed
2781
-
around the numerical values.
2782
-
</p>
2783
-
<p>All RGB colors are specified in the sRGB color space (see
2784
-
[[!SRGB]]). User agents may vary in the fidelity with which they
2785
-
represent these colors, but using sRGB provides an unambiguous and
2786
-
objectively measurable definition of what the color should be, which
2787
-
can be related to international standards (see [[!COLORIMETRY]]).
2788
-
</p>
2789
-
<p><a href="#conformance">Conforming user agents</a> may
2790
-
limit their color-displaying efforts to performing a gamma-correction
2791
-
on them. sRGB specifies a display gamma of 2.2 under specified viewing
2792
-
conditions. User agents should adjust the colors given in CSS such that,
2793
-
in combination with an output device's "natural" display gamma, an
2794
-
effective display gamma of 2.2 is produced. <!--See the section on <a href="colors.html#gamma-correction">gamma correction</a> for further
2795
-
details.--> Note that only colors specified in CSS are affected; e.g.,
2796
-
images are expected to carry their own color information.
2797
-
</p>
2798
-
<p>Values outside the device gamut should be clipped or
2799
-
mapped into the gamut when the gamut is known: the red, green,
2800
-
and blue values must be changed to fall within the range supported by
2801
-
the device. User agents may perform higher quality mapping of colors
2802
-
from one gamut to another. For a typical CRT monitor, whose device
2803
-
gamut is the same as sRGB, the four rules below are equivalent:
2804
-
</p>
2805
-
<div class="example">
2806
-
<pre class="lang-css">
2807
-
em { color: rgb(255,0,0) } /* integer range 0 - 255 */
2808
-
em { color: rgb(300,0,0) } /* clipped to rgb(255,0,0) */
2809
-
em { color: rgb(255,-10,0) } /* clipped to rgb(255,0,0) */
2810
-
em { color: rgb(110%, 0%, 0%) } /* clipped to rgb(100%,0%,0%) */
2811
-
</pre>
2812
-
</div>
2813
-
2814
-
<p>Other devices, such as printers, have different gamuts than sRGB;
2815
-
some colors outside the 0..255 sRGB range will be representable
2816
-
(inside the device gamut), while other colors inside the 0..255 sRGB
2817
-
range will be outside the device gamut and will thus be mapped.
2818
-
</p>
2819
-
<div class="note"><p><em><strong>Note.</strong> Mapping or clipping of
2820
-
color values should be done to the actual device gamut if known (which
2821
-
may be larger or smaller than 0..255).</em>
2822
-
</div>
2698
+
In Level 2,
2699
+
a <dfn id="value-def-color"><color></dfn> is:
2700
+
a [[css-color-3#html4|basic color keyword]],
2701
+
a [[css-color-3#rgb-color|RGB color value]],
2702
+
the keyword <code class=css>orange</code> from [[css-color-3#svg-color]], or
2703
+
a [[css-color-3#css-system|system color]].
2704
+
[[!CSS3COLOR]]
2823
2705
2824
2706
<h4 id="strings">Strings</h4>
2825
2707
@@ -15314,93 +15196,10 @@ If that cursor format was also not supported, the UA would skip to the next valu
15314
15196
15315
15197
<h3 id="system-colors">System Colors</h3>
15316
15198
15317
-
<div class="note"><p><em><strong>Note.</strong>
15318
-
The System Colors are deprecated in the CSS3 Color Module [[CSS3COLOR]].
15319
-
</em></p>
15320
-
</div>
15321
-
15322
-
<p>In addition to being able to assign pre-defined <a href="#color-units">color values</a> to text, backgrounds, etc., CSS2 (1998) introduced a set of named color values that allows authors to specify colors in a manner that integrates them into the operating system's graphic environment.
15323
-
</p>
15324
-
15325
-
<p>For systems that do not have a corresponding value, the
15326
-
specified value should be mapped to the nearest system value, or to a default color.</p>
15327
-
15328
-
<p>The following lists additional values for color-related CSS properties and their general meaning. Any color property (e.g., 'color' or 'background-color') can take
15329
-
one of the following names. Although these are case-insensitive, it is
15330
-
recommended that the mixed capitalization shown below be used, to
15331
-
make the names more legible.</p>
15332
-
15333
-
<dl>
15334
-
<dt>ActiveBorder</dt>
15335
-
<dd>Active window border.</dd>
15336
-
<dt>ActiveCaption</dt>
15337
-
<dd>Active window caption.</dd>
15338
-
<dt>AppWorkspace</dt>
15339
-
<dd>Background color of multiple document interface.</dd>
15340
-
<dt>Background</dt>
15341
-
<dd>Desktop background.</dd>
15342
-
<dt>ButtonFace</dt>
15343
-
<dd>Face color for three-dimensional display elements.</dd>
15344
-
<dt>ButtonHighlight</dt>
15345
-
<dd>Highlight color for three-dimensional display elements (for
15346
-
edges facing away from the light source).</dd>
15347
-
<dt>ButtonShadow</dt>
15348
-
<dd>Shadow color for three-dimensional display elements.</dd>
15349
-
<dt>ButtonText</dt>
15350
-
<dd>Text on push buttons.</dd>
15351
-
<dt>CaptionText</dt>
15352
-
<dd>Text in caption, size box, and scrollbar arrow box.</dd>
15353
-
<dt>GrayText</dt>
15354
-
<dd>Grayed (disabled) text. This color is set to #000 if
15355
-
the current display driver does not support a solid gray color.</dd>
15356
-
<dt>Highlight</dt>
15357
-
<dd>Item(s) selected in a control.</dd>
15358
-
<dt>HighlightText</dt>
15359
-
<dd>Text of item(s) selected in a control.</dd>
15360
-
<dt>InactiveBorder</dt>
15361
-
<dd>Inactive window border.</dd>
15362
-
<dt>InactiveCaption</dt>
15363
-
<dd>Inactive window caption.</dd>
15364
-
<dt>InactiveCaptionText</dt>
15365
-
<dd>Color of text in an inactive caption.</dd>
15366
-
<dt>InfoBackground</dt>
15367
-
<dd>Background color for tooltip controls.</dd>
15368
-
<dt>InfoText</dt>
15369
-
<dd>Text color for tooltip controls.</dd>
15370
-
<dt>Menu</dt>
15371
-
<dd>Menu background.</dd>
15372
-
<dt>MenuText</dt>
15373
-
<dd>Text in menus.</dd>
15374
-
<dt>Scrollbar</dt>
15375
-
<dd>Scroll bar gray area.</dd>
15376
-
<dt>ThreeDDarkShadow</dt>
15377
-
<dd>Dark shadow for three-dimensional display elements.</dd>
15378
-
<dt>ThreeDFace</dt>
15379
-
<dd>Face color for three-dimensional display elements.</dd>
15380
-
<dt>ThreeDHighlight</dt>
15381
-
<dd>Highlight color for three-dimensional display elements.</dd>
15382
-
<dt>ThreeDLightShadow</dt>
15383
-
<dd>Light color for three-dimensional display elements
15384
-
(for edges facing the light source).</dd>
15385
-
<dt>ThreeDShadow</dt>
15386
-
<dd>Dark shadow for three-dimensional display elements.</dd>
15387
-
<dt>Window</dt>
15388
-
<dd>Window background.</dd>
15389
-
<dt>WindowFrame</dt>
15390
-
<dd>Window frame.</dd>
15391
-
<dt>WindowText</dt>
15392
-
<dd>Text in windows.</dd>
15393
-
</dl>
15394
-
15395
-
<div class="example"><p>
15396
-
For example, to set the foreground and background colors of a paragraph
15397
-
to the same foreground and background colors of the user's window,
15398
-
write the following:
15399
-
</p>
15400
-
<pre class="lang-css">
15401
-
p { color: WindowText; background-color: Window }
15402
-
</pre>
15403
-
</div>
15199
+
Note: This section previously defined the system colors,
15200
+
however the are now defined as part of the base <<color>> definition
15201
+
through reference to [[css-color-3#css-system]].
15202
+
This section is preserved to maintain section numbering from earlier revisions.
15404
15203
15405
15204
<h3 id="system-fonts">User preferences for fonts</h3>
0 commit comments