8000 [css2] Replaced ascii art with images in flowobj. Also some editing. · w3c/csswg-drafts@b24b4b8 · GitHub
Skip to content
/ csswg-drafts Public

Commit b24b4b8

Browse files
ianbjacobsianbjacobs
committed
[css2] Replaced ascii art with images in flowobj. Also some editing.
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%4063
1 parent 4e05b0c commit b24b4b8

16 files changed

Lines changed: 5227 additions & 419 deletions

‎css2/DOC/CONVENTIONS‎

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ Document HEAD
202202

203203
<!DOCTYPE HTML SYSTEM "http://www.w3.org/TR/WD-html40/sgml/HTML4.dtd">
204204
<html lang="en">
205-
<!-- $Id: CONVENTIONS,v 1.9 1997-09-09 00:02:00 ian Exp $ -->
205+
<!-- $Id: CONVENTIONS,v 1.10 1997-09-10 22:37:41 ian Exp $ -->
206206
<HEAD>
207207
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
208208
<TITLE>CSS2 Specification</TITLE>
@@ -216,3 +216,34 @@ Document HEAD
216216
</HTML>
217217

218218

219+
**********
220+
Images
221+
**********
222+
The working group has deemed that images are better than ascii
223+
art for the spec.
224+
225+
Style guidelines from From Bert:
226+
227+
*Choose one font (Helvetica or Helvetica Narrow)
228+
*Choose three colors (black, white, red)
229+
*Choose two line thicknesses (1px, 3px)
230+
*Choose two line styles (solid, dotted)
231+
*Choose two image sizes (large: as wide as the page, and small: half as
232+
wide)
233+
234+
*If one of us turns out to be a good cartoonist, we can liven up the
235+
pictures a bit with one human or animal figure per picture, and maybe
236+
even one or two free-hand curves, but better not force ourselves here.
237+
238+
From Chris:
239+
240+
Ian wrote:
241+
> As I begin to think about replacing ASCII art with
242+
> images, I would like to raise the following issue: what
243+
> tools/formats do we use for these images?
244+
245+
Whatever tools are handy and do the job correctly. As to formats,
246+
bitmapped images should be available in PNG and GIF for paletted images
247+
and JPEG for suitable 24bit images; we should also retain a lossless master
248+
image (24bit PNG). If the artwork was generated from a vector format, the
249+
vector master should also be retained.

‎css2/colors.src‎

Lines changed: 31 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML SYSTEM "http://www.w3.org/TR/WD-html40/sgml/HTML4.dtd">
22
<html lang="en">
3-
<!-- $Id: colors.src,v 1.12 1997-09-08 23:53:14 ian Exp $ -->
3+
<!-- $Id: colors.src,v 1.13 1997-09-10 22:35:01 ian Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Colors and backgrounds</TITLE>
@@ -9,37 +9,48 @@
99
<LINK rel="STYLESHEET" href="style/default.css" type="text/css">
1010
</HEAD>
1111
<BODY>
12-
<H1 align="center"><a name="colors">Colors</a> and <a name="backgrounds">backgrounds</a></H1>
12+
<H1 align="center">Colors and Backgrounds</H1>
1313

14-
<H2>Color and background properties</H2>
14+
<P>CSS properties allow authors to specify the foreground color and
15+
background of an element. Backgrounds may be colors or
16+
images. Background properties allow authors to position the image,
17+
repeated it, and declare whether it should be fixed or scrolled.
1518

16-
<P> These properties describe the color (often called <EM>foreground
17-
color</EM>) and background of an element (i.e., the surface onto which
18-
the content is rendered). One can set a background color and/or a
19-
background image. The position of the image, if/how it is repeated,
20-
and whether it is fixed or scrolled relative to the canvas can also be
21-
set.
19+
<P> See the section on <a href="./syndata.html#color-units">color units</a>
20+
for the syntax of legal color values.
2221

23-
<P> The <span class="propinst-color">'color'</span> property inherits
24-
normally. The background properties do not inherit, but the parent
25-
element's background will shine through by default because of the
26-
initial 'transparent' value on <span
27-
class="propinst-background-color">'background-color'</span>.
22+
<H2><a name="colors">Foreground properties</a>
23+
24+
<P> The following property specifies the foreground color of an
25+
element's content. The <span class="propinst-color">'color'</span>
26+
property inherits normally.
2827

2928
<H4><a name="propdef-color">'color'</a></H4>
3029
<!-- #include src=properties/color.srb -->
3130

32-
<P> This property describes the text color of an element (often
33-
referred to as the <EM>foreground</EM> color). There are different
34-
ways to specify red:
31+
<P> This property describes the foreground color of an element's text
32+
content. There are different ways to specify red:
3533

3634
<PRE>
3735
EM { color: red } /* natural language */
3836
EM { color: rgb(255,0,0) } /* RGB range 0-255 */
3937
</PRE>
4038

41-
<P> See the section on <a href="./syndata.html#color-units">color units</a>
42-
for a description of possible color values.
39+
<H2><a name="background-properties">Background properties</a><H2>
40+
Authors may specify the background of an element
41+
(i.e., its rendering surface) as either a color or an image.
42+
43+
<P>Background properties do not inherit, but the parent element's
44+
background will shine through by default because of the initial
45+
'transparent' value on <span
46+
class="propinst-background-color">'background-color'</span>.
47+
48+
<P>In terms of the <a href="flowobj.html#box-model">box model</a>,
49+
"background" refers to the background of the content and the padding
50+
area. Border colors and styles are set with the <a
51+
href="flowobj.html#border-properties">border properties</a>. Margins
52+
are always transparent so the background of the parent element always
53+
shines through.
4354

4455
<H4><a name="propdef-background-color">'background-color'</a></H4>
4556
<!-- #include src=properties/background-color.srb -->
@@ -50,6 +61,7 @@ for a description of possible color values.
5061
H1 { background-color: #F00 }
5162
</PRE>
5263

64+
5365
<H4><a name="propdef-background-image">'background-image'</a></H4>
5466
<!-- #include src=properties/background-image.srb -->
5567

‎css2/images/boxdim.gif‎

6.05 KB
Loading

0 commit comments

Comments
 (0)