Skip to content

Commit bc366a5

Browse files
ianbjacobsianbjacobs
committed
[css2] Canvas defined here (VERY generally), other edits
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%40325
1 parent b0556be commit bc366a5

1 file changed

Lines changed: 39 additions & 32 deletions

File tree

‎css2/media.src‎

Lines changed: 39 additions & 32 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: media.src,v 1.20 1997-10-29 22:30:56 bbos Exp $ -->
3+
<!-- $Id: media.src,v 1.21 1997-10-30 08:36:32 ian Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Media types</TITLE>
@@ -18,7 +18,7 @@
1818
One of the most important features of style sheets is that they allow
1919
authors to specify how a document is to be presented on different
2020
media: on the screen, on paper, with a speech synthesizer, with a
21-
braille device.
21+
braille device, etc.
2222

2323
<P>Certain CSS properties only make sense for certain media (e.g., the
2424
<span class="propinst-cue-before">'cue-before'</span> property for
@@ -29,7 +29,9 @@ class="propinst-font-size">'font-size'</span> property is useful both
2929
for screen and print media. However, the two media are different
3030
enough to require different values for the common property; a document
3131
will typically need a larger font on a computer screen than on paper.
32-
For this reason, it's necessary to express that a style sheet -- or a
32+
Experience also shows that sans serif fonts are easier to read on
33+
screen, while fonts with serifs are easier to read on paper. For
34+
these reasons, it is necessary to express that a style sheet -- or a
3335
section of a style sheet -- applies to certain media types.
3436

3537
<P>The following sections describe how authors may specify different
@@ -85,7 +87,7 @@ braces.
8587

8688
<p>The <span class="index-inst" title="@media">@media</span>construct
8789
allows style sheet rules for various media in the same style
88-
sheet:</P
90+
sheet:</P>
8991

9092
<pre class="example">
9193
@media print {
@@ -101,32 +103,32 @@ sheet:</P
101103

102104
<H3>The media-dependent @import rule</h3>
103105

104-
<p>The <a href="cascade.html">@import</a> rule can be made <span
105-
class="index-inst" title="@import"><span class="index-def"
106-
title="conditional import|media-dependent
107-
import">conditional</span></span> on one or more medium types, by
108-
listing the media after the URL. Multiple media are separated by
109-
commas, as after the @media.
106+
<p>So that user agents can avoid retrieving resources for unsupported
107+
media types, authors may specify media-dependent <a
108+
href="cascade.html">@import</a> rules. These <span class="index-inst"
109+
title="@import"><span class="index-def" title="conditional
110+
import|media-dependent import">conditional imports</span></span>
111+
specify comma-separated media types after the URL.
110112

111113
<div class="example">
114+
<p>The following rules have the same effect as if the imported style
115+
sheet were wrapped in an @media rule for the same media, but it may
116+
save the UA a fruitless download.
117+
112118
<pre>
113119
@import url(fineprint.css) print;
114120
@import url(blueish.css) projection, tv;
115121
</pre>
116122
</div>
117123

118-
<p>This has the same effect as if the imported style sheet were
119-
wrapped in an @media rule for the same media, but it may save the UA a
120-
fruitless download.
121-
122124
<p>In the absence of any media types, the import is
123125
unconditional. Specifying 'all' for the medium has the same effect.
124126

125127
<H2><a name="media-types">Recognized media types</a></H2>
126128

127129
<p>Due to rapidly changing technologies, CSS2 does not specify a
128130
definitive list of media types that may be values for <span
129-
class="index-inst" title="@media"> @media</span>. However, user agents
131+
class="index-inst" title="@media"> @media.</span> However, user agents
130132
that elect to support the devices in the following list must recognize
131133
the associated media type:
132134

@@ -138,16 +140,11 @@ as well. This is the default value. See the section on
138140

139141
<li><samp>PRINT:</samp> intended for paged, opaque
140142
material and for documents viewed on screen in print preview mode.
141-
Note, however, that print resolution is usually much higher than
142-
screen resolution. Experience also shows that sans serif fonts are
143-
easier to read on screen, while fonts with serifs are easier to read
144-
on paper.
145-
146-
<P>Please consult the section on <a href="page.html">paged media</a> for
143+
Please consult the section on <a href="page.html">paged media</a> for
147144
information about formatting issues that are specific to paged media.
148145

149146
<li><samp>PROJECTION:</samp> intended for projectors.
150-
<P>Please consult the section on <a href="page.html">paged media</a> for
147+
Please consult the section on <a href="page.html">paged media</a> for
151148
information about formatting issues that are specific to paged media.
152149

153150
<li><samp>BRAILLE:</samp> intended for braille tactile feedback devices.
@@ -166,16 +163,26 @@ screen, monochrome, limited bandwidth).
166163

167164
<P>Media types are case-insensitive.
168165

169-
<H3><a name="scrolled-media">Scrollable media</a></H3>
170-
171-
<P>User agents may implement the canvas as an "infinitely" long (or
172-
however long the rendered document is) rectangle that has a fixed
173-
width. Users see this canvas through a user agent's <span
174-
class="index-def" title="viewport"><em>viewport</em></span>, a window
175-
or other viewing area on the screen. The canvas may be larger or
176-
smaller than the viewport. Typically, when the canvas is larger than
177-
the viewport, the user agent will offer the user a scrolling mechanism
178-
to bring hidden parts into view.
166+
<H3><a name="canvas">The canvas</a></H3>
167+
168+
<P>For all media, the term <span class="index-def" title="canvas">
169+
canvas</span> means "the space where the various models generate the
170+
tree of rendering objects" (see the <a href="process.html">CSS2
171+
process model</a>). For a screen, the canvas is a rectangular space
172+
generally of fixed width and "infinite" length. For paged media, the
173+
canvas is a rectangular space generally of fixed width and height.
174+
For aural media, the canvas is a three dimensional audio space.
175+
176+
<H4><a name="scrolled-media">Scrollable media</a></H4>
177+
178+
<P>User agents for scrolled media may implement the canvas as an
179+
"infinitely" long (or however long the rendered document is) rectangle
180+
that has a fixed width. Users see this canvas through a user agent's
181+
<span class="index-def" title="viewport"><em>viewport</em></span>, a
182+
window or other viewing area on the screen. The canvas may be larger
183+
or smaller than the viewport. Typically, when the canvas is larger
184+
than the viewport, the user agent will offer the user a scrolling
185+
mechanism to bring hidden parts into view.
179186

180187
<P>The user agent generally determines the width of the canvas and may
181188
change the dimensions of the canvas when the viewport is resized.

0 commit comments

Comments
 (0)