Skip to content

Commit 05a24a7

Browse files
ianbjacobsianbjacobs
committed
[css2] Added system fonts/colors
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%40135
1 parent 67e4c8f commit 05a24a7

1 file changed

Lines changed: 148 additions & 14 deletions

File tree

‎css2/ui.src‎

Lines changed: 148 additions & 14 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 1.11 1997-09-24 03:02:37 ian Exp $ -->
3+
<!-- $Id: ui.src,v 1.12 1997-09-24 13:54:37 ian Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>User interface</TITLE>
@@ -19,47 +19,181 @@
1919
mouse pointer. The values have the following meanings:
2020

2121
<dl>
22-
<dt>auto
22+
<dt><strong>auto</strong>
2323
<dd>The UA determines the cursor to display based on the current
2424
context.
25-
<dt>crosshair
25+
<dt><strong>crosshair</strong>
2626
<dd>A simple crosshair
2727

28-
<dt>default
28+
<dt><strong>default</strong>
2929
<dd>The platform-dependent default cursor. Usually an arrow.
3030

31-
<dt>pointer
31+
<dt><strong>pointer</strong>
3232
<dd>The cursor is a pointer of some sort.
3333

34-
<dt>move
34+
<dt><strong>move</strong>
3535
<dd>Indicates something is to be moved
3636

37-
<dt>*-resize
37+
<dt><strong>*-resize</strong>
3838
<dd>Indicates that the edge is to be moved.
3939

40-
<dt>text
40+
<dt><strong>text</strong>
4141
<dd> Indicates text that may be edited. Usually an I-bar.
4242

43-
<dt>wait
43+
<dt><strong>wait</strong>
4444
<dd>A cursor to indicate that the program is busy and the user should
4545
wait. Usually a watch or hourglass.
4646

47-
<dt>help
47+
<dt><strong>help</strong>
4848
<dd>Help is available for the object under the cursor. Usually a
4949
question mark or a balloon.
5050

51-
<dt><span class="value-inst-url">&lt;url&gt;</span>
51+
<dt><strong><span class="value-inst-url">&lt;url&gt;</span></strong>
5252

5353
<dd>The user agent should retrieve the cursor from the resource
5454
designated by the URL. It is considered an error if the resource is
5555
not a proper cursor. User agents may handle this error condition in
5656
different ways.
5757
</dl>
5858

59-
<H2>User settings</H2>
60-
<em>This is a place holder.</em>
59+
<H2>User preferences for colors and fonts</H2>
60+
61+
<p>In addition to being able to assign pre-defined color and font
62+
values to text, backgrounds, etc. CSS2 allows authors to specify
63+
colors and fonts in a manner that integrates them into the user's
64+
graphic environment. For instance, color blind users may have their
65+
environment configured to avoid specific colors. Similarly, users may
66+
prefer large fonts for easier reading. Style rules that take into
67+
account user preferences thus offer the following advantages:
68+
69+
<ol>
70+
<li>They produce pages that fit the user's defined look and feel.</li>
71+
<li>They produce pages that may be more accessible as the current user
72+
settings may be related to a disability.</li>
73+
</ol>
74+
75+
<p>The set of values defined for system and font are intended to
76+
be exhaustive. For systems that do not expose a corresponding
77+
value, it should be mapped to the nearest system attribute, or to
78+
a default color.</p>
79+
80+
<h3><a name="system-colors">System Colors</a></h3>
81+
82+
<p>The following lists additional values for color related CSS
83+
attributes and their general meaning. Any color property (e.g., <span
84+
class="propinst-color">'color'</span> or <span
85+
class="propinst-background-color">'background-color'</span>) can take
86+
one of the following names:</p>
87+
88+
<dl>
89+
<dt><strong>activeborder</strong>
90+
<dd>Active window border.
91+
<dt><strong>activecaption</strong>
92+
<dd>Active window caption.
93+
<dt><strong>appworkspace</strong>
94+
<dd>Background color of multiple document interface.
95+
<dt><strong>background</strong>
96+
<dd>Desktop background.
97+
<dt><strong>buttonface</strong>
98+
<dd>Face color for three-dimensional display elements.
99+
<dt><strong>buttonhighlight</strong>
100+
<dd>Dark shadow for three-dimensional display elements (for
101+
edges facing away from the light source).
102+
<dt><strong></strong>
103+
<dd>Shadow color for three-dimensional display elements.
104+
<dt><strong>buttontext</strong>
105+
<dd>Text on push buttons.
106+
<dt><strong>captiontext</strong>
107+
<dd>Text in caption, size box, and scroll bar arrow box.
108+
<dt><strong>graytext</strong>
109+
<dd>Grayed (disabled) text. This color is set to #000 if
110+
the current display driver does not support a solid gray color.
111+
<dt><strong>highlight</strong>
112+
<dd>Item(s) selected in a control.
113+
<dt><strong>highlighttext</strong>
114+
<dd>Text of item(s) selected in a control.
115+
<dt><strong>inactiveborder</strong>
116+
<dd>Inactive window border.
117+
<dt><strong>inactivecaption</strong>
118+
<dd>Inactive window caption.
119+
<dt><strong>inactivecaptiontext</strong>
120+
<dd>Color of text in an inactive caption.
121+
<dt><strong>infobackground</strong>
122+
<dd>Background color for tooltip controls.
123+
<dt><strong>infotext</strong>
124+
<dd>Text color for tooltip controls.
125+
<dt><strong>menu</strong>
126+
<dd>Menu background.
127+
<dt><strong>menutext</strong>
128+
<dd>Text in menus.
129+
<dt><strong>scrollbar</strong>
130+
<dd>Scroll bar gray area.
131+
<dt><strong>threeddarkshadow</strong>
132+
<dd>Dark shadow for three-dimensional display elements.
133+
<dt><strong>threedface</strong>
134+
<dd>Face color for three-dimensional display elements.
135+
<dt><strong>threedhighlight</strong>
136+
<dd>Highlight color for three-dimensional display elements.
137+
<dt><strong>threedlightshadow</strong>
138+
<dd>Light color for three-dimensional display elements
139+
(for edges facing the light source).
140+
<dt><strong>threedshadow</strong>
141+
<dd>Dark shadow for three-dimensional display elements.
142+
<dt><strong>window</strong>
143+
<dd>Window background
144+
<dt><strong>windowframe</strong>
145+
<dd>Window frame.
146+
<dt><strong>windowtext</strong>
147+
<dd>Text in windows.
148+
</dl>
149+
150+
<div class="example"><P>
151+
For example, to set the foreground and background colors of a paragraph
152+
to the same foreground and background colors of the user's window,
153+
write the following:
154+
155+
<PRE>
156+
P { color: windowtext; background-color: window }
157+
</PRE>
158+
</div>
159+
160+
<h3><a name="system-fonts">System fonts</a></h3>
161+
162+
<p>System fonts can only be accessed as a whole; that is, the
163+
font-family, size, weight, style, etc. are all set at the same
164+
time. The shorthand property <span class="propinst-font">'font'</span>
165+
is redefined to take either its normal set of font sub-properties or a
166+
string token (denoted <span class="index-def"
167+
title="&lt;system-font&gt;, definition of"><a
168+
name="value-def-system-font">&lt;system-font&gt;</a></span>from the
169+
following list:</p>
170+
171+
<dl>
172+
<dt><strong>caption</strong>
173+
<dd>Font used for captioned controls (e.g.
174+
buttons, drop-downs, etc.)
175+
<dt><strong>icon</strong>
176+
<dd>Font used to label icons
177+
<dt><strong>menu</strong>
178+
<dd>Font used in menus
179+
<dt><strong>messagebox</strong>
180+
<dd>Font used in dialog boxes, etc.
181+
<dt><strong>smallcaption</strong>
182+
<dd>Font used for labeling small controls
183+
<dt><strong>statusbar</strong>
184+
<dd>Font used in the status bar of windows
185+
</dl>
186+
187+
<div class="example"><P>
188+
For example, to specify that the font used for paragraphs should be
189+
the same as that used for "messageboxes", write the following:
190+
<PRE>
191+
P { font: messagebox }
192+
</PRE>
193+
</div>
194+
195+
<H2>Other rendering issues that depend on user agents</H2>
61196

62-
<H2>Rendering issues that depend on user agents</H2>
63197
<H3>Magnification</H3>
64198

65199
<P>The CSS working group considers that the magnification of a

0 commit comments

Comments
 (0)