11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: syndata.src,v 2.50 1998-04-07 20:47:27 ijacobs Exp $ -->
3+ <!-- $Id: syndata.src,v 2.51 1998-04-09 14:45:33 ijacobs 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>
@@ -125,7 +125,7 @@ href="#escaped-characters">escaped characters.</a>
125125<H3><a name="keywords">Keywords</a></H3>
126126
127127<!-- provide better explanation of where keywords appear:
128- media types, @ rules, etc. -IJ -->
128+ media types, at- rules, etc. -IJ -->
129129
130130<P>Keywords have the form of identifiers. Keywords must not be placed
131131between quotes ("..." or '...'). Thus,
@@ -159,15 +159,15 @@ background: "red";
159159 <LI> All CSS style sheets are <span class="index-inst" title="case
160160 sensitivity">case-insensitive</span>, except for parts that are
161161 not under the control of CSS. For example, the case-sensitivity of
162- values of the HTML attributes 'id' and ' class' , of font names, and
162+ values of the HTML attributes "id" and " class" , of font names, and
163163 of URIs lies outside the scope of this specification. Note in
164164 particular that element names are case-insensitive in HTML, but
165165 case-sensitive in XML.
166166
167167 <LI> In CSS2, <span class="index-def"
168168 title="identifier|identifier, definition of"><a
169169 name="value-def-identifier"><dfn>identifiers</dfn></a></span>
170- (including element names, classes and IDs in <a
170+ (including element names, classes, and IDs in <a
171171 href="selector.html">selectors</a>) can contain only the
172172 characters [A-Za-z0-9] and ISO 10646 characters 161 and higher,
173173 plus the hyphen (-); they cannot start with a hyphen or a
@@ -180,7 +180,7 @@ background: "red";
180180
181181 <LI> In CSS2, a backslash (\) character indicates three types of
182182 <span class="index-def" title="backslash escapes">
183- <a name="escaped-characters">character escape </a></span>.
183+ <a name="escaped-characters">character escapes </a></span>.
184184
185185 <P>First, inside a <a href="#strings">string</a>, a backslash
186186 followed by a newline is ignored (i.e., the string is deemed not
@@ -223,7 +223,7 @@ background: "red";
223223<P> A CSS style sheet, for any version of CSS, consists of a list of
224224<span class="index-inst" title="statements"><em>statements</em></span>
225225(see the grammar above). There are two kinds of statements: <span
226- class="index-inst" title="at-rules|@-rules "><em>at-rules</em></span>
226+ class="index-inst" title="at-rules"><em>at-rules</em></span>
227227and <span class="index-inst" title="rule sets"><em>rule
228228sets.</em></span> There may be <a href="#whitespace">whitespace</a>
229229around the statements.
@@ -233,17 +233,19 @@ around the statements.
233233
234234<!-- Should comments be defined as white space? -->
235235
236- <H3><a name="at-rules">At-rules</a></H3>
236+ <H3><span class="index-def" title="at-rule">
237+ <a name="at-rules">At-rules</a></span></H3>
237238
238239<P> At-rules start with an <DFN>at-keyword</DFN>, an '@' character
239- followed by an <a href="#value-def-identifier">identifier</a> (for
240- example, '@import', '@page').
240+ followed immediately by an <a
241+ href="#value-def-identifier">identifier</a> (for example, '@import',
242+ '@page').
241243
242244<P> An at-rule consists of everything up to and including the next
243245semicolon (;) or the next <a href="#block">block,</a> whichever comes
244246first. A CSS user agent that encounters an unrecognized at-rule must
245247<span class="index-inst" title="ignore"><a href="#ignore">ignore</a></span>
246- the whole of the @ -rule and continue parsing after it.
248+ the whole of the at -rule and continue parsing after it.
247249
248250<P>CSS2 user agents must <span class="index-inst" title="ignore"><a
249251href="#ignore">ignore</a></span> any <a
@@ -478,7 +480,8 @@ beginning and end), but otherwise acts as if it had not been there.
478480
479481<P>To ensure that new properties and new values for existing
480482properties can be added in the future, user agents are required to
481- obey the following rules when they encounter these parsing errors:</p>
483+ obey the following rules when they encounter the following
484+ scenarios:</p>
482485
483486<UL>
484487<LI><strong>Unknown properties.</strong> User agents must <span
@@ -627,7 +630,7 @@ quad-width in typographic texts.)
627630name="ex">'ex'</a></span> unit is defined by the font's <span
628631class="descinst-x-height">'x-height'</span>. The x-height is so called
629632because it is often equal to the height of the lowercase "x". However,
630- an 'ex' is be defined even for fonts that don't contain an "x".
633+ an 'ex' is defined even for fonts that don't contain an "x".
631634
632635<div class="example">
633636<P>The rule:
@@ -664,7 +667,7 @@ degrees.
664667
665668<p>For reading at arm's length, 1px thus corresponds to about 0.28 mm
666669(1/90 inch). When printed on a laser printer, meant for reading at a
667- little less than arm's length (55 cm, 21 inch ), 1px is about
670+ little less than arm's length (55 cm, 21 inches ), 1px is about
6686710.21 mm. On a 300 dots-per-inch (dpi) printer, that may be
669672rounded up to 3 dots (0.25 mm); on a 600 dpi printer, it can
670673be rounded to 5 dots.
@@ -730,8 +733,7 @@ H4 { font-size: 1pc } /* picas */
730733</div>
731734
732735<P> In cases where the specified length cannot be supported, user
733- agents must approximate it. For all CSS2 properties, further
734- computations and inheritance is be based on the approximated value.
736+ agents must approximate it in the actual value.
735737
736738<H3> <A NAME="percentage-units">Percentages</A></H3>
737739
@@ -740,7 +742,10 @@ class="index-def" title="<percentage>::definition of"><a
740742name="value-def-percentage"
741743class="value-def"><percentage></a></span> in this specification)
742744is an optional sign character ('+' or '-', with '+' being the default)
743- immediately followed by a number immediately followed by '%'.
745+ immediately followed by a <span class="index-inst"
746+ title="<number>"><span
747+ class="value-inst-number"><number></span></span> immediately
748+ followed by '%'.
744749
745750<P> Percentage values are always relative to another value, for
746751example a length. Each property that allows percentages also defines
@@ -764,7 +769,7 @@ value (120%):
764769
765770<PRE>
766771P { font-size: 10pt }
767- P { line-height: 120% } /* relative to 'font-size', i.e., 12pt */
772+ P { line-height: 120% } /* 120% of 'font-size' */
768773</PRE>
769774</div>
770775
@@ -778,8 +783,7 @@ class="index-def" title="URN (Uniform Resource Name)|Uniform Resource
778783Name (URN)">URN</span> (Uniform Resource Name). Together they are
779784called <span class="index-def" title="Resource Identifier (URI)|URI
780785(Uniform Resource Identifier)">URIs</span> (Uniform Resource
781- Identifiers, see [[URI]]). This specification uses the term URI
782- throughout.
786+ Identifiers, see [[URI]]). This specification uses the term URI.
783787
784788<P>URI values in this specification are denoted by <span
785789class="index-def" title="<uri>::definition of"><a
@@ -817,15 +821,21 @@ algorithm for this process. For CSS style sheets, the base URI is that
817821of the style sheet, not that of the source document.
818822
819823<div class="example">
820- <P>For example, suppose the following rule is located in a style sheet
821- designated by the URI <tt>http://www.myorg.org/style/basic.css</tt>:
824+ <P>For example, suppose the following rule:</p>
825+
822826<PRE>
823827BODY { background: url(yellow) }
824828</PRE>
825829
830+ <P>is located in a style sheet designated by the URI:</p>
831+
832+ <PRE>http://www.myorg.org/style/basic.css</PRE>
833+
826834<P>The background of the source document's BODY will be tiled with
827835whatever image is described by the resource designated
828- by the URI <tt>http://www.myorg.org/style/yellow</tt>.
836+ by the URI
837+
838+ <PRE>http://www.myorg.org/style/yellow</PRE>
829839</div>
830840
831841<P>User agents may vary in how they handle URIs that designate
@@ -843,7 +853,7 @@ properties). To refer to the value of a counter, the notation
843853'counter(<identifier>)'</span> or 'counter(<identifier>,
844854<list-style-type>)' is used. The default style is 'decimal'.
845855
846- <p>To refer to a sequence of nested counters of the same name the
856+ <p>To refer to a sequence of nested counters of the same name, the
847857notation is 'counters(<identifier>, <string>)' or
848858'counters(<identifier>, <string>,
849859<list-style-type>)'. See <a href="generate.html#scope">"Nested
@@ -853,7 +863,7 @@ href="generate.html">generated content</a>.
853863<p>In CSS2, the values of counters can
854864only be referred to from the <span
855865class="propinst-content">'content'</span> property. Note that 'none'
856- is a possible <var> style</var>; 'counter(x,
866+ is a possible <list- style-type>: 'counter(x,
857867none)' yields an empty string.
858868
859869<div class="example">
@@ -881,7 +891,12 @@ is either a keyword or a numerical RGB specification.
881891
882892<P> The list of keyword color names is: aqua, black, blue, fuchsia,
883893gray, green, lime, maroon, navy, olive, purple, red, silver, teal,
884- white, and yellow. These 16 colors are defined in HTML 4.0 ([[-HTML40]]).
894+ white, and yellow. These 16 colors are defined in HTML 4.0
895+ ([[-HTML40]]). In addition to these color keywords, users may specify
896+ keywords that correspond to the colors used by certain objects in the
897+ user's environment. Please consult the section on <a
898+ href="./ui.html#system-colors">system colors</a> for more information.
899+
885900
886901<div class="example"><P>
887902<PRE>
@@ -903,28 +918,23 @@ EM { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */
903918</PRE>
904919</div>
905920
906- <P>In addition to these color keywords, users may specify keywords that
907- correspond to the colors used by certain objects in the user's
908- environment. Please consult the section on <a
909- href="./ui.html#system-colors">system colors</a> for more information.
910-
911921<P> The format of an RGB value in hexadecimal notation is a '#'
912922immediately followed by either three or six hexadecimal
913923characters. The three-digit RGB notation (#rgb) is converted into
914924six-digit form (#rrggbb) by replicating digits, not by adding
915- zeros. For example, #fb0 expands to #ffbb00. This makes sure that
925+ zeros. For example, #fb0 expands to #ffbb00. This ensures that
916926white (#ffffff) can be specified with the short notation (#fff) and
917927removes any dependencies on the color depth of the display.
918928
919929<P> The format of an RGB value in the functional notation is 'rgb('
920930followed by a comma-separated list of three numerical values (either
921- three integer values, or three percentage values) followed by ')'.
931+ three integer values or three percentage values) followed by ')'.
922932The integer value 255 corresponds to 100%, and to F or FF in the
923933hexadecimal notation: rgb(255,255,255) = rgb(100%,100%,100%) =
924934#FFF. <a href="#whitespace">Whitespace</a> characters are allowed
925935around the numerical values.
926936
927- <P>Values outside the device gamut should be clipped: the red, green
937+ <P>Values outside the device gamut should be clipped: the red, green,
928938and blue values must be changed to fall within the range supported by
929939the device. For a device whose gamut is exactly 0-255 in each of red,
930940green, and blue (typical for CRT monitors), the three rules below are
@@ -967,7 +977,7 @@ title="<number>"><span
967977class="value-inst-number"><number></span></span> immediately
968978followed by an angle unit identifier.
969979
970- <P>The following are valid angle unit identifiers:</p>
980+ <P>Angle unit identifiers are :</p>
971981
972982<ul>
973983<li><strong>deg</strong>: degrees
@@ -993,7 +1003,7 @@ title="<number>"><span
9931003class="value-inst-number"><number></span></span> immediately
9941004followed by a time unit identifier.
9951005
996- <P>The following are valid time unit identifiers:</p>
1006+ <P>Time unit identifiers are :</p>
9971007
9981008<UL>
9991009<LI><strong>ms</strong>: milliseconds
@@ -1015,13 +1025,15 @@ title="<number>"><span
10151025class="value-inst-number"><number></span></span> immediately
10161026followed by a frequency unit identifier.
10171027
1018- <p>There are two valid frequency unit identifiers:</p>
1028+ <p>Frequency unit identifiers are :</p>
10191029
10201030<ul>
10211031<li><strong>Hz</strong>: Hertz
10221032<li><strong>kHz</strong>: kilo Hertz
10231033</ul>
10241034
1035+ <p>Frequency values may not be negative.
1036+
10251037<P> For example, 200Hz (or 200hz) is a bass sound, and 6kHz (or 6khz)
10261038is a treble sound.
10271039
@@ -1073,7 +1085,7 @@ specification ([[-HTML40]], chapter 5), See also the XML 1.0
10731085specification ([[-XML10]], sections 2.2 and 4.3.3, and Appendix F.
10741086
10751087<P>When a style sheet is embedded in another document, such as in the
1076- STYLE element or STYLE attribute of HTML, the style sheet shares the
1088+ STYLE element or "style" attribute of HTML, the style sheet shares the
10771089character encoding of the whole document.
10781090
10791091<P>When a style sheet resides in a separate file, user agents must
@@ -1127,7 +1139,7 @@ represented in the current character encoding. These characters must
11271139be written as <a href="#escaped-characters">escaped</a> references to
11281140ISO 10646 characters. These escapes serve the same purpose as numeric
11291141character references in HTML or XML documents (see [[HTML40]],
1130- Chapters 5 and 25).
1142+ chapters 5 and 25).
11311143
11321144<P>The character escape mechanism should be used when only a few
11331145characters must be represented this way. If most of a document
0 commit comments