2020 src="http://www.w3.org/Icons/w3c_home" width="72"></a>
2121
2222 <h1 id="title">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</h1>
23- <h2 id="W3C-doctype">W3C Candidate Recommendation 19 July 2007 </h2>
23+ <h2 id="W3C-doctype">W3C Candidate Recommendation DD MMMMM YYYY </h2>
2424
2525 <dl>
2626 <dt>This version:
27- <dd><a href="http://www.w3.org/TR/2007 /CR-CSS21-20070719 ">
28- http://www.w3.org/TR/2007 /CR-CSS21-20070719 </a>
27+ <dd><a href="http://www.w3.org/TR/YYYY /CR-CSS21-YYYYMMDD ">
28+ http://www.w3.org/TR/YYYY /CR-CSS21-YYYYMMDD </a>
2929 <dt>Latest version:
3030 <dd><a href="http://www.w3.org/TR/CSS21">
3131 http://www.w3.org/TR/CSS21</a>
32- <dt>Previous version:
33- <dd><a href="http://www.w3.org/TR/2006/WD-CSS21-20061106">
34- http://www.w3.org/TR/2006/WD-CSS21-20061106</a>
32+ <dt>Previous versions:
33+ <dd><a href="http://www.w3.org/TR/2007/CR-CSS21-20070719">
34+ http://www.w3.org/TR/2007/CR-CSS21-20070719</a>
35+ <dd><a href="http://www.w3.org/TR/1998/REC-CSS2-19980512/">
36+ http://www.w3.org/TR/1998/REC-CSS2-19980512/</a>
3537 <dt>Editors:
3638 <dd class="vcard"><a class="url fn" lang=nl href="http://www.w3.org/People/Bos/">
3739 Bert Bos</a>
@@ -48,7 +50,7 @@ <h2 id="W3C-doctype">W3C Candidate Recommendation 19 July 2007</h2>
4850 </dl>
4951
5052 <p>Please refer to the <a
51- href="http://www.w3.org/Style/css2-updates/CR-CSS21-20070719 -errata.html"><strong>
53+ href="http://www.w3.org/Style/css2-updates/CR-CSS21-YYYYMMDD -errata.html"><strong>
5254 errata</strong></a> for this document.
5355
5456 <p>This document is also available in these non-normative formats:
@@ -63,7 +65,7 @@ <h2 id="W3C-doctype">W3C Candidate Recommendation 19 July 2007</h2>
6365
6466 <p class="copyright"><a
6567 href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">
66- Copyright</a> © 2006 <a href="http://www.w3.org/"><acronym
68+ Copyright</a> © 2007 <a href="http://www.w3.org/"><acronym
6769 title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup>
6870 (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts
6971 Institute of Technology">MIT</acronym></a>, <a
@@ -2177,6 +2179,8 @@ <H2>3.1 <a name="defs">Definitions</a></H2>
21772179by the surroundings. CSS does not define how the intrinsic dimensions
21782180are found. In CSS 2.1 only replaced elements can come with
21792181intrinsic dimensions.
2182+ For raster images without reliable resolution information, a size of
2183+ 1&nbps;px unit per image source pixel must be assumed.
21802184
21812185<dt><strong><span class="index-def" title="attribute"><a
21822186name="attribute">Attribute</a></span></strong>
@@ -2733,7 +2737,7 @@ <h3>4.1.3 <a name="characters">Characters and case</a></h3>
27332737 name="value-def-identifier"><dfn>identifiers</dfn></a></span>
27342738 (including element names, classes, and IDs in <a
27352739 href="selector.html">selectors</a>) can contain only the
2736- characters [a-z0 -9] and ISO 10646 characters U+00A1 and higher,
2740+ characters [a-zA-Z0 -9] and ISO 10646 characters U+00A1 and higher,
27372741 plus the hyphen (-) and the underscore (_); they cannot start with
27382742 a digit, or a hyphen followed by a digit.
27392743 Identifiers can also contain escaped characters and any ISO 10646
@@ -2767,7 +2771,7 @@ <h3>4.1.3 <a name="characters">Characters and case</a></h3>
27672771 character with that number, which must not be zero.
27682772 (It is undefined in CSS 2.1 what happens if a style sheet
27692773 <em>does</em> contain a character with Unicode codepoint zero.)
2770- If a character in the range [0-9a-f ] follows the hexadecimal number,
2774+ If a character in the range [0-9a-fA-F ] follows the hexadecimal number,
27712775 the end of the number needs to be made clear. There are two ways
27722776 to do that:
27732777 </p>
@@ -4460,7 +4464,7 @@ <H3>5.8.2 <a name="default-attrs">Default attribute values in DTDs</a></H3>
44604464</pre>
44614465
44624466<p>Here, because the selector <code>EXAMPLE[notation=octal]</code> is
4463- more <a href="cascade.html#specificity">specific</a> than the tag
4467+ more <a href="cascade.html#specificity">specific</a> than the type
44644468selector alone, the style declarations in the second rule will override
44654469those in the first for elements that have a "notation" attribute value
44664470of "octal". Care has to be taken that all property declarations that
@@ -5693,7 +5697,7 @@ <H3>6.4.1 <a name="cascading-order">Cascading order</a></H3>
56935697
56945698 <LI>Sort according to importance (normal or important)
56955699and origin (author, user, or user agent). In ascending order of
5696- precendence :
5700+ precedence :
56975701
56985702<ol>
56995703<li>user agent declarations
@@ -9993,6 +9997,11 @@ <h3>10.3.2 <a name="inline-replaced-width">Inline, replaced elements</a></h3>
99939997value of 'width' is calculated from the constraint equation used for
99949998block-level, non-replaced elements in normal flow.
99959999
10000+ <p>Otherwise, if <a href="visudet.html#propdef-width" class="noxref"><span class="propinst-width">'width'</span></a> has a
10001+ computed value of 'auto', and the element has an intrinsic width, then
10002+ that intrinsic width is the used value of <a href="visudet.html#propdef-width" class="noxref"><span
10003+ class="propinst-width">'width'</span></a>.
10004+
999610005<p>Otherwise, if <a href="visudet.html#propdef-width" class="noxref"><span class="propinst-width">'width'</span></a> has a
999710006computed value of 'auto', but none of the conditions above are met,
999810007then the used value of <a href="visudet.html#propdef-width" class="noxref"><span class="propinst-width">'width'</span></a>
@@ -10623,6 +10632,11 @@ <h3>10.6.2 <a name="inline-replaced-height">Inline replaced elements</a>,
1062310632
1062410633<blockquote><p>(used width) / (intrinsic ratio)</blockquote>
1062510634
10635+ <p>Otherwise, if <a href="visudet.html#propdef-height" class="noxref"><span class="propinst-height">'height'</span></a> has a
10636+ computed value of 'auto', and the element has an intrinsic height,
10637+ then that intrinsic height is the used value of <a href="visudet.html#propdef-height" class="noxref"><span
10638+ class="propinst-height">'height'</span></a>.
10639+
1062610640<p>Otherwise, if <a href="visudet.html#propdef-height" class="noxref"><span class="propinst-height">'height'</span></a> has a
1062710641computed value of 'auto', but none of the conditions above are met,
1062810642then the used value of <a href="visudet.html#propdef-height" class="noxref"><span class="propinst-height">'height'</span></a>
@@ -11155,7 +11169,7 @@ <h3>10.8.1 <a name="leading">Leading and half-leading</a></h3>
1115511169
1115611170<div class="note"><p>
1115711171<em><strong>Note.</strong> Values of this property have
11158- slightly different meanings in the context of tables.
11172+ different meanings in the context of tables.
1115911173Please consult the section on <a href="tables.html#height-layout">
1116011174table height algorithms</a> for details.
1116111175</em>
@@ -15854,7 +15868,7 @@ <h3>17.2.1 <a name="anonymous-boxes">Anonymous table objects</a></h3>
1585415868 T.
1585515869 If P is an 'inline' box, then the generated box must be an
1585615870 'inline-table' box instead of a 'table' box.
15857- This box will span all consecutive sibling boxess
15871+ This box will span all consecutive sibling boxes
1585815872 of T that require a 'table' parent: 'table-row',
1585915873 'table-row-group', 'table-header-group', 'table-footer-group',
1586015874 'table-column', 'table-column-group', and 'table-caption', including
@@ -18931,13 +18945,13 @@ <H2><a name="q2">B.2 Informative references</a></H2>
1893118945The latest version is available at <a href="http://www.w3.org/TR/REC-CSS2/">http://www.w3.org/TR/REC-CSS2/</a>
1893218946
1893318947<dt><strong><a name="ref-CSS3COLOR" class="informref">[CSS3COLOR]</a></strong>
18934- <dd>"CSS3 Color Module," Tantek ?lik , Chris Lilley, 14 May 2003,
18948+ <dd>"CSS3 Color Module," Tantek Çelik , Chris Lilley, 14 May 2003,
1893518949W3C Candidate Recommendation. Available at <a
1893618950href="http://www.w3.org/TR/2003/CR-css3-color-20030514/">
1893718951http://www.w3.org/TR/2003/CR-css3-color-20030514/</a>
1893818952
1893918953<dt><strong><a name="ref-CSS3LIST" class="informref">[CSS3LIST]</a></strong>
18940- <dd>"CSS3 module: lists," Tantek ?lik , Ian Hickson, 7 November 2002,
18954+ <dd>"CSS3 module: lists," Tantek Çelik , Ian Hickson, 7 November 2002,
1894118955W3C working draft (work in progress). Available at <a
1894218956href="http://www.w3.org/TR/2002/WD-css3-lists-20021107/">
1894318957http://www.w3.org/TR/2002/WD-css3-lists-20021107</a>
@@ -22451,7 +22465,8 @@ <h2>E.2 <a name="painting-order">Painting order</a></h2>
2245122465</ol>
2245222466<li>All non-positioned floating descendants, in tree order. For each one of these,
2245322467 treat the element as if it created a new stacking context, but any
22454- descendants which actually create a new stacking context should be
22468+ positioned descendants and descendants which actually create a new
22469+ stacking context should be
2245522470 considered part of the parent stacking context, not this new one.
2245622471
2245722472<li> If the element is an inline element that generates a stacking
@@ -22511,9 +22526,10 @@ <h2>E.2 <a name="painting-order">Painting order</a></h2>
2251122526 For inline-block and inline-table elements:
2251222527<ol>
2251322528<li> For each one of these, treat the element as if it
22514- created a new stacking context, but any
22515- descendants which actually create a new stacking
22516- context should be considered part of the parent
22529+ created a new stacking context, but any positioned
22530+ descendants and descendants which actually create
22531+ a new stacking context should be considered part
22532+ of the parent
2251722533 stacking context, not this new one.
2251822534</ol>
2251922535 For inline-level replaced elements:
@@ -22530,8 +22546,9 @@ <h2>E.2 <a name="painting-order">Painting order</a></h2>
2253022546</ol>
2253122547<li>All positioned descendants with 'z-index: auto' or 'z-index: 0',
2253222548 in tree order. For those with 'z-index: auto', treat the element
22533- as if it created a new stacking context, but any descendants which
22534- actually create a new stacking context should be considered part
22549+ as if it created a new stacking context, but any positioned
22550+ descendants and descendants which actually create a new stacking
22551+ context should be considered part
2253522552 of the parent stacking context, not this new one. For those with
2253622553 'z-index: 0', treat the stacking context generated atomically.
2253722554
@@ -23740,8 +23757,8 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2374023757</ul>
2374123758<p><a name="index-;"> </a><a name="index-<"> </a><a name="index-="> </a><a name="index->"> </a><a name="index-?"> </a><a name="index-@"> </a>
2374223759<ul class="index">
23743- <li class="tocline0">@charset, <a href="syndata.html#x10" class="index-inst"><span>1</span></a>, <a href="syndata.html#x55" class="index-inst"><span>2</span></a>, <a href="syndata.html#x56" class="index-inst"><span>3</span></a>
23744- <li class="tocline0">"@charset", <a href="syndata.html#x57" class="index-def"><strong>1</strong></a>
23760+ <li class="tocline0">@charset, <a href="syndata.html#x10" class="index-inst"><span>1</span></a>, <a href="syndata.html#x55" class="index-inst"><span>2</span></a>, <a href="syndata.html#x56" class="index-inst"><span>3</span></a>, <a href="syndata.html#x61" class="index-inst"><span>4</span></a>, <a href="syndata.html#x62" class="index-inst"><span>5</span></a>
23761+ <li class="tocline0">"@charset", <a href="syndata.html#x57" class="index-def"><strong>1</strong></a>, <a href="syndata.html#x63" class="index-def"><strong>2</strong></a>
2374523762 <li class="tocline0">@import, <a href="cascade.html#x6" class="index-def"><strong>1</strong></a>, <a href="cascade.html#x7" class="index-inst"><span>2</span></a>, <a href="media.html#x1" class="index-inst"><span>3</span></a>
2374623763 <li class="tocline0">@media, <a href="media.html#x0" class="index-inst"><span>1</span></a>, <a href="media.html#x3" class="index-inst"><span>2</span></a>
2374723764 <li class="tocline0">@page, <a href="page.html#x3" class="index-def"><strong>1</strong></a>
@@ -23789,7 +23806,7 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2378923806 <li class="tocline0">block box, <a href="visuren.html#block-box" class="index-def"><strong>1</strong></a>
2379023807 <li class="tocline0">'block', definition of, <a href="visuren.html#value-def-block" class="index-def"><strong>1</strong></a>
2379123808 <li class="tocline0">block-level element, <a href="visuren.html#block-level" class="index-def"><strong>1</strong></a>
23792- <li class="tocline0">BOM, <a href="syndata.html#x54" class="index-inst"><span>1</span></a>
23809+ <li class="tocline0">BOM, <a href="syndata.html#x54" class="index-inst"><span>1</span></a>, <a href="syndata.html#x60" class="index-inst"><span>2</span></a>
2379323810 <li class="tocline0">border edge, <a href="box.html#border-edge" class="index-def"><strong>1</strong></a>
2379423811 <li class="tocline0">'border', <a href="box.html#propdef-border" class="index-def"><strong>1</strong></a>
2379523812 <li class="tocline0">'border-bottom', <a href="box.html#propdef-border-bottom" class="index-def"><strong>1</strong></a>
@@ -23904,7 +23921,7 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2390423921 <li class="tocline0">default style sheet, <a href="cascade.html#default-style-sheet" class="index-def"><strong>1</strong></a>
2390523922 <li class="tocline0">default
2390623923 <ul class="index">
23907- <li class="tocline0">character encoding, <a href="syndata.html#x52" class="index-inst"><span>1</span></a>
23924+ <li class="tocline0">character encoding, <a href="syndata.html#x52" class="index-inst"><span>1</span></a>, <a href="syndata.html#x58" class="index-inst"><span>2</span></a>
2390823925 </ul>
2390923926 <li class="tocline0">descendant, <a href="conform.html#descendant" class="index-def"><strong>1</strong></a>
2391023927 <li class="tocline0">descendant-selectors, <a href="selector.html#x12" class="index-def"><strong>1</strong></a>
@@ -24302,7 +24319,7 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2430224319 <li class="tocline0">User, <a href="conform.html#user" class="index-def"><strong>1</strong></a>
2430324320 <li class="tocline0">user agent, <a href="conform.html#ua" class="index-def"><strong>1</strong></a>
2430424321 <li class="tocline0">User agent (UA), <a href="conform.html#user-agent" class="index-def"><strong>1</strong></a>
24305- <li class="tocline0">UTF-8, <a href="syndata.html#x58" class="index-inst"><span>1</span></a>
24322+ <li class="tocline0">UTF-8, <a href="syndata.html#x58" class="index-inst"><span>1</span></a>, <a href="syndata.html#x64" class="index-inst"><span>2</span></a>
2430624323</ul>
2430724324<p><a name="index-v"> </a>
2430824325<ul class="index">
0 commit comments