Skip to content

Commit dbf95a1

Browse files
svgeesussvgeesus
committed
[css2] system color names resolved
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401716
1 parent 2057073 commit dbf95a1

3 files changed

Lines changed: 65 additions & 56 deletions

File tree

‎css2/colors.src‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: colors.src,v 2.18 1998-05-12 12:34:23 bbos Exp $ -->
3+
<!-- $Id: colors.src,v 2.19 1998-05-12 15:39:42 clilley Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Colors and backgrounds</TITLE>
@@ -329,7 +329,7 @@ on current platforms is:
329329
<DT> Unix using X11
330330
<DD> none
331331
<DT> Mac using QuickDraw
332-
<DD> apply gamma 1.39 [[ICC32]] (ColorSync-savvy applications
332+
<DD> apply gamma 1.45 [[ICC32]] (ColorSync-savvy applications
333333
may simply pass the sRGB ICC profile to ColorSync
334334
to perform correct color correction)
335335
<DT> SGI using X

‎css2/syndata.src‎

Lines changed: 21 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: syndata.src,v 2.62 1998-05-12 12:47:05 bbos Exp $ -->
3+
<!-- $Id: syndata.src,v 2.63 1998-05-12 15:40:16 clilley Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>CSS2 syntax and basic data types</TITLE>
@@ -936,21 +936,6 @@ hexadecimal notation: rgb(255,255,255) = rgb(100%,100%,100%) =
936936
#FFF. <a href="#whitespace">Whitespace</a> characters are allowed
937937
around the numerical values.
938938

939-
<P>Values outside the device gamut should be clipped: the red, green,
940-
and blue values must be changed to fall within the range supported by
941-
the device. For a device whose gamut is exactly 0-255 in each of red,
942-
green, and blue (typical for CRT monitors), the three rules below are
943-
equivalent:
944-
945-
<div class="example"><P>
946-
<PRE>
947-
EM { color: rgb(255,0,0) } /* integer range 0 - 255 */
948-
EM { color: rgb(300,0,0) } /* clipped to rgb(255,0,0) */
949-
EM { color: rgb(255,-10,0) } /* clipped to rgb(255,0,0) */
950-
EM { color: rgb(110%, 0%, 0%) } /* clipped to rgb(100%,0%,0%) */
951-
</PRE>
952-
</div>
953-
954939
<P>All RGB colors are specified in the sRGB color space (see
955940
[[SRGB]]). User agents may vary in the fidelity with which they
956941
represent these colors, but using sRGB provides an unambiguous and
@@ -967,6 +952,26 @@ href="colors.html#gamma-correction">gamma correction</a> for further
967952
details. Note that only colors specified in CSS are affected; e.g.,
968953
images are expected to carry their own color information.
969954

955+
<P>Values outside the device gamut should be clipped: the red, green,
956+
and blue values must be changed to fall within the range supported by
957+
the device. For a typical CRT monitor, whose device gamut is the same
958+
as sRGB, the three rules below are equivalent:
959+
960+
<div class="example"><P>
961+
<PRE>
962+
EM { color: rgb(255,0,0) } /* integer range 0 - 255 */
963+
EM { color: rgb(300,0,0) } /* clipped to rgb(255,0,0) */
964+
EM { color: rgb(255,-10,0) } /* clipped to rgb(255,0,0) */
965+
EM { color: rgb(110%, 0%, 0%) } /* clipped to rgb(100%,0%,0%) */
966+
</PRE>
967+
968+
<p>Other devices, such as printers, have different gamuts to sRGB;
969+
some colors outside the 0..255 sRGB range will be representable
970+
(inside the device gamut), while other colors inside the 0..255 sRGB
971+
range will be outside the device gamut and will thus be clipped.
972+
</div>
973+
974+
970975
<div class="note"><P>
971976
<em><strong>Note.</strong>
972977
Although colors can add significant amounts of information to document

‎css2/ui.src‎

Lines changed: 42 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: ui.src,v 2.17 1998-05-12 12:50:13 bbos Exp $ -->
3+
<!-- $Id: ui.src,v 2.18 1998-05-12 15:39:25 clilley Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>User interface</TITLE>
@@ -91,67 +91,69 @@ to a default color.</p>
9191
attributes and their general meaning. Any color property (e.g., <span
9292
class="propinst-color">'color'</span> or <span
9393
class="propinst-background-color">'background-color'</span>) can take
94-
one of the following names:</p>
94+
one of the following names. Although these are case-insensitive, it is
95+
recommended that the mixed capitalization shown below be used, to
96+
make the names more legible.</p>
9597

9698
<dl>
97-
<dt><strong>active-border</strong>
99+
<dt><strong>ActiveBorder</strong>
98100
<dd>Active window border.
99-
<dt><strong>active-caption</strong>
101+
<dt><strong>ActiveCaption</strong>
100102
<dd>Active window caption.
101-
<dt><strong>app-workspace</strong>
103+
<dt><strong>AppWorkspace</strong>
102104
<dd>Background color of multiple document interface.
103-
<dt><strong>background</strong>
105+
<dt><strong>Background</strong>
104106
<dd>Desktop background.
105-
<dt><strong>button-face</strong>
107+
<dt><strong>ButtonFace</strong>
106108
<dd>Face color for three-dimensional display elements.
107-
<dt><strong>button-highlight</strong>
109+
<dt><strong>ButtonHighlight</strong>
108110
<dd>Dark shadow for three-dimensional display elements (for
109111
edges facing away from the light source).
110-
<dt><strong>button-shadow</strong>
112+
<dt><strong>ButtonShadow</strong>
111113
<dd>Shadow color for three-dimensional display elements.
112-
<dt><strong>button-text</strong>
114+
<dt><strong>ButtonText</strong>
113115
<dd>Text on push buttons.
114-
<dt><strong>caption-text</strong>
116+
<dt><strong>CaptionText</strong>
115117
<dd>Text in caption, size box, and scrollbar arrow box.
116-
<dt><strong>gray-text</strong>
118+
<dt><strong>GrayText</strong>
117119
<dd>Grayed (disabled) text. This color is set to #000 if
118120
the current display driver does not support a solid gray color.
119-
<dt><strong>highlight</strong>
121+
<dt><strong>Highlight</strong>
120122
<dd>Item(s) selected in a control.
121-
<dt><strong>highlight-text</strong>
123+
<dt><strong>HighlightText</strong>
122124
<dd>Text of item(s) selected in a control.
123-
<dt><strong>inactive-border</strong>
125+
<dt><strong>InactiveBorder</strong>
124126
<dd>Inactive window border.
125-
<dt><strong>inactive-caption</strong>
127+
<dt><strong>InactiveCaption</strong>
126128
<dd>Inactive window caption.
127-
<dt><strong>inactive-caption-text</strong>
129+
<dt><strong>InactiveCaptionText</strong>
128130
<dd>Color of text in an inactive caption.
129-
<dt><strong>info-background</strong>
131+
<dt><strong>InfoBackground</strong>
130132
<dd>Background color for tooltip controls.
131-
<dt><strong>info-text</strong>
133+
<dt><strong>InfoText</strong>
132134
<dd>Text color for tooltip controls.
133-
<dt><strong>menu</strong>
135+
<dt><strong>Menu</strong>
134136
<dd>Menu background.
135-
<dt><strong>menu-text</strong>
137+
<dt><strong>MenuText</strong>
136138
<dd>Text in menus.
137-
<dt><strong>scrollbar</strong>
139+
<dt><strong>Scrollbar</strong>
138140
<dd>Scroll bar gray area.
139-
<dt><strong>three-d-dark-shadow</strong>
141+
<dt><strong>ThreeDDarkShadow</strong>
140142
<dd>Dark shadow for three-dimensional display elements.
141-
<dt><strong>three-d-face</strong>
143+
<dt><strong>ThreeDFace</strong>
142144
<dd>Face color for three-dimensional display elements.
143-
<dt><strong>three-d-highlight</strong>
145+
<dt><strong>ThreeDHighlight</strong>
144146
<dd>Highlight color for three-dimensional display elements.
145-
<dt><strong>three-d-light-shadow</strong>
147+
<dt><strong>ThreeDLightShadow</strong>
146148
<dd>Light color for three-dimensional display elements
147149
(for edges facing the light source).
148-
<dt><strong>three-d-shadow</strong>
150+
<dt><strong>ThreeDShadow</strong>
149151
<dd>Dark shadow for three-dimensional display elements.
150-
<dt><strong>window</strong>
152+
<dt><strong>Window</strong>
151153
<dd>Window background.
152-
<dt><strong>window-frame</strong>
154+
<dt><strong>WindowFrame</strong>
153155
<dd>Window frame.
154-
<dt><strong>window-text</strong>
156+
<dt><strong>WindowText</strong>
155157
<dd>Text in windows.
156158
</dl>
157159

@@ -161,7 +163,7 @@ to the same foreground and background colors of the user's window,
161163
write the following:
162164

163165
<PRE>
164-
P { color: window-text; background-color: window }
166+
P { color: WindowText; background-color: Window }
165167
</PRE>
166168
</div>
167169

@@ -259,15 +261,17 @@ of the outline, without provoking reflow.
259261

260262
<H3>Outlines and the focus</h3>
261263

262-
<P>Graphical user interfaces may use outlines to tell the user which
263-
element on the page has the <span class="index-def"
264-
title="focus"><dfn>focus</dfn></span>. The focus is the subject of user
265-
interaction in a document (e.g., for entering text, selecting a
266-
button, etc.). User agents supporting the <a
264+
<P>Graphical user interfaces may use outlines around elements to tell
265+
the user which element on the page has the <span class="index-def"
266+
title="focus"><dfn>focus</dfn></span>. These outlines are in adition
267+
to any borders, and switching oyutlines on and off should not cause
268+
the document to reflow. The focus is the subject of user interaction
269+
in a document (e.g., for entering text, selecting a button,
270+
etc.). User agents supporting the <a
267271
href="media.html#interactive-media-group">interactive media group</a>
268272
must keep track of where the focus lies and must also represent the
269-
focus. This may be done by using dynamic outlines in conjunction
270-
with the :focus pseudo-class.
273+
focus. This may be done by using dynamic outlines in conjunction with
274+
the :focus pseudo-class.
271275

272276
<div class="example">
273277
<p>For example, to draw a thick black line around an element when it

0 commit comments

Comments
 (0)