[dbaron revision history] Merge in changes in CSS2.1 media.html. (date: 2003/08/07 16:54:15)

Author: dbaron

css3-syntax/Overview.src.html

@@ -1018,18 +1018,17 @@ <h4>Introduction to media types</h4>
 etc.</p>
 
 <p>Certain CSS properties are only designed for certain media (e.g.,
-the <span class="propinst-cue-before">'cue-before'</span> property for
-aural user agents). On occasion, however, style sheets for different
-media types may share a property, but require different values for
-that property. For example, the <span
+the <span
+class="propinst-page-break-before">'page-break-before'</span> property
+only applies to paged media). On occasion, however, style sheets for
+different media types may share a property, but require different
+values for that property. For example, the <span
 class="propinst-font-size">'font-size'</span> property is useful both
-for screen and print media. However, the two media are different
-enough to require different values for the common property; a document
-will typically need a larger font on a computer screen than on paper.
-Experience also shows that sans-serif fonts are easier to read on
-screen, while fonts with serifs are easier to read on paper.  For
-these reasons, it is necessary to express that a style sheet -- or a
-section of a style sheet -- applies to certain media types.</p>
+for screen and print media. The two media types are different enough
+to require different values for the common property; a document will
+typically need a larger font on a computer screen than on paper.
+Therefore, it is necessary to express that a style sheet, or a
+section of a style sheet, applies to certain media types.</p>
 
 <h4>Specifying media-dependent style sheets</h4>
 
@@ -1058,10 +1057,10 @@ <h4>Specifying media-dependent style sheets</h4>
 style sheet, the target media can be specified as part of the
 <span class="index-inst" title="@import"><code>@import</code></span> at-rule:
 
-<div class="example"><p>
-<PRE>
-@import url("loudvoice.css") speech;
-</PRE>
+<div class="example">
+<pre>
+@import url("fancyfonts.css") screen;
+</pre>
 </div>
 
 <p>If the style sheet is linked to the document through a <a
@@ -1100,15 +1099,15 @@ <h4 id="at-media-rule">The <code>@media</code> rule</h4>
 <div class="example"><p>
 <pre>
   @media print {
-    BODY { font-size: 12pt; }
-    H1 { font-size: 24pt; }
+    body { font-size: 12pt; }
+    h1 { font-size: 24pt; }
   }
   @media screen {
-    BODY { font-size: medium; }
-    H1 { font-size: 2em; }
+    body { font-size: medium; }
+    h1 { font-size: 2em; }
   }
   @media screen, print {
-    BODY { line-height: 1.2; }
+    body { line-height: 1.2; }
   }
 </pre>
 </div>
@@ -1126,10 +1125,10 @@ <h4 id="media-types">Recognized media types</h4>
 and separated to make this more logical?]</span>)</p>
 
 <p>The names chosen for CSS media types reflect target devices for
-which the relevant properties make sense. In the following list of CSS
-media types, the parenthetical descriptions are not normative. They
-only give a sense of what device the media type is meant to refer
-to.</p>
+which the relevant properties make sense. The names of media types are
+normative. In the following list of CSS media types, the parenthetical
+descriptions are not normative. Likewise, the "Media" field in the
+description of each property is informative.</p>
 
 <dl>
 <dt><strong>all</strong></dt>
@@ -1143,17 +1142,17 @@ <h4 id="media-types">Recognized media types</h4>
 
 <dt><strong>handheld</strong></dt>
 <dd>Intended for handheld devices (typically small
-screen, monochrome, limited bandwidth).</dd>
+screen, limited bandwidth).</dd>
 
 <dt><strong>print</strong></dt>
-<dd>Intended for paged, opaque material and for documents viewed on
-screen in print preview mode.  Please consult the section on <a
-href="page.html">paged media</a> for information about formatting
-issues that are specific to paged media.</dd>
+<dd>Intended for paged material and for documents viewed on
+screen in print preview mode.
+Please consult the paged media module [[CSS3PAGE]] for
+information about formatting issues that are specific to paged
+media.</dd>
 
 <dt><strong>projection</strong></dt>
-<dd>Intended for projected presentations, for
-example projectors or print to transparencies.
+<dd>Intended for projected presentations.
 Please consult the paged media module [[CSS3PAGE]] for
 information about formatting issues that are specific to paged
 media.</dd>
@@ -1166,9 +1165,9 @@ <h4 id="media-types">Recognized media types</h4>
 speech module [[CSS3SPEECH]] for details.</dd>
 
 <dt><strong>tty</strong></dt>
-<dd>Intended for media using a fixed-pitch character grid, such as
+<dd>Intended for media using a fixed-pitch character grid (such as
 teletypes, terminals, or portable devices with limited display
-capabilities.</dd>
+capabilities).</dd>
 
 <dt><strong>tv</strong>
 <dd>Intended for television-type devices (low resolution, color,
@@ -1177,9 +1176,10 @@ <h4 id="media-types">Recognized media types</h4>
 
 <p>Media type names are case-insensitive.</p>
 
-<p>Due to rapidly changing technologies, CSS3 does not specify a
-definitive list of media types that may be values for <span
-class="index-inst" title="@media">@media</span>.</p>
+<p>Media types are mutually exclusive in the sense that a user agent
+can only support one media type when rendering a document. However,
+user agents may have different modes which support different media
+types.</p>
 
 <div class="note"><p>
 <em><strong>Note.</strong>
@@ -1833,6 +1833,8 @@ <h3 id="media-groups">Media groups</h3>
 <p class="issue">[Some of this needs to be relaxed to deal with
 profiles.]</p>
 
+<P><em>This section is informative, not normative.</em></P>
+
 <p>This part indicates the media groups for which the property must be
 implemented by a conforming user agent.
 Since properties
@@ -1846,22 +1848,22 @@ <h3 id="media-groups">Media groups</h3>
 listed in its definition.
 </p>
 
-<p>CSS3 defines the following <dfn id="def-media-groups" title="media
-group">media groups</dfn> based on the <a href="#media-types">recognized
-media types</a>:</p>
-
+<P>CSS3 defines the following media groups: </P>
 <ul>
 <li>
 <span class="index-def" title="'continuous' media group"><a
 name="continuous-media-group"><strong>continuous</strong></a></span>
 or <span class="index-def" title="'paged' media group"><a
 name="paged-media-group"><strong>paged</strong></a></span>.
-"Both" means that the property in question applies to both media groups.
+
 <li><span
 class="index-def" title="'visual' media group"><a
-name="visual-media-group"> <strong>visual</strong></a>,</span> <span
-class="index-def" title="'aural' media group"><a
-name="aural-media-group"><strong>aural</strong></a>,</span> or <span
+name="visual-media-group"> <strong>visual</strong></a>,</span> 
+<span class="index-def" title="'audio' media group"><a
+name="audio-media-group"><strong>audio</strong></a>,</span> 
+<span class="index-def" title="'speech' media group"><a
+name="speech-media-group"><strong>speech</strong></a>,</span> 
+or <span
 class="index-def" title="'tactile' media group"><a
 name="tactile-media-group"><strong>tactile</strong></a></span>.
 <li><span
@@ -1871,8 +1873,7 @@ <h3 id="media-groups">Media groups</h3>
 <span
 class="index-def" title="'bitmap' media group"><a
 name="bitmap-media-group"><strong>bitmap</strong></a></span>.
-"Both" means that the property in question applies to both media
-groups.
+
 <li><span
 class="index-def" title="'interactive' media group"><a
 name="interactive-media-group"><strong>interactive</strong></a></span> (for
@@ -1881,8 +1882,7 @@ <h3 id="media-groups">Media groups</h3>
 class="index-def" title="'static' media group"><a
 name="static-media-group"><strong>static</strong></a></span> (for
 those that don't).
-"Both" means that the property in question applies to both media
-groups.
+
 <li><span class="index-def" title="'all'
 media group"> <a name="all-media-group"><strong>all</strong></a></span>
 (includes all media types)
@@ -1897,20 +1897,23 @@ <h3 id="media-groups">Media groups</h3>
 <TR><TH>Media Types <TH colspan="4">Media Groups
 <TR><TH>&nbsp;
     <TH>continuous/paged
-    <TH>visual/aural/tactile
+    <TH>visual/audio/speech/tactile
     <TH>grid/bitmap
     <TH>interactive/static
-<TR><TH>aural<TD align="center">continuous<TD align="center">aural<TD align="center">N/A<TD align="center">both</TR>
+<!--
+<TR><TH>audio<TD align="center">continuous<TD align="center">audio<TD align="center">N/A<TD align="center">both</TR>
+-->
 <TR><TH>braille<TD align="center">continuous<TD align="center">tactile<TD align="center">grid<TD align="center">both</TR>
-<TR><TH>emboss<TD align="center">paged<TD align="center">tactile<TD align="center">grid<TD align="center">both</TR>
-<TR><TH>handheld<TD align="center">both<TD align="center">visual<TD
+<TR><TH>emboss<TD align="center">paged<TD align="center">tactile<TD align="center">grid<TD align="center">static</TR>
+<TR><TH>handheld<TD align="center">both<TD align="center">visual, audio, speech<TD
 align="center">both<TD align="center">both</TR>
 <TR><TH>print<TD align="center">paged<TD align="center">visual<TD
 align="center">bitmap<TD align="center">static</TR>
-<TR><TH>projection<TD align="center">paged<TD align="center">visual<TD align="center">bitmap<TD align="center">static</TR>
-<TR><TH>screen<TD align="center">continuous<TD align="center">visual<TD align="center">bitmap<TD align="center">both</TR>
+<TR><TH>projection<TD align="center">paged<TD align="center">visual<TD align="center">bitmap<TD align="center">interactive</TR>
+<TR><TH>screen<TD align="center">continuous<TD align="center">visual, audio<TD align="center">bitmap<TD align="center">both</TR>
+<TR><TH>speech<TD align="center">continuous<TD align="center">speech<TD align="center">N/A<TD align="center">both</TR>
 <TR><TH>tty<TD align="center">continuous<TD align="center">visual<TD align="center">grid<TD align="center">both</TR>
-<TR><TH>tv<TD align="center">both<TD align="center">visual, aural<TD align="center">bitmap<TD align="center">both</TR>
+<TR><TH>tv<TD align="center">both<TD align="center">visual, audio<TD align="center">bitmap<TD align="center">both</TR>
 </TABLE>
 
 <h3>Shorthand properties</h3>