Skip to content

Commit e99bb25

Browse files
committed
Generated. Do not edit!
1 parent 54f6345 commit e99bb25

1 file changed

Lines changed: 78 additions & 80 deletions

File tree

css3-background/Overview.html

Lines changed: 78 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
code { font-size: inherit; }
1313
#box-shadow-samples td { background: white; color: black; }
1414
</style>
15-
<link href="http://www.w3.org/StyleSheets/TR/W3C-CR.css" rel=stylesheet
15+
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
1616
type="text/css">
1717

1818
<body>
@@ -22,15 +22,15 @@
2222

2323
<h1>CSS Backgrounds and Borders Module Level 3</h1>
2424

25-
<h2 class="no-num no-toc" id=longstatus-date>W3C Candidate Recommendation
26-
15 February 2011</h2>
25+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 February
26+
2011</h2>
2727

2828
<dl>
2929
<dt>This version:
3030

31-
<dd><a
32-
href="http://www.w3.org/TR/2011/CR-css3-background-20110215">http://www.w3.org/TR/2011/CR-css3-background-20110215</a>
33-
<!-- <a href="http://dev.w3.org/csswg/css3-background">http://dev.w3.org/csswg/css3-background</a> -->
31+
<dd><!-- <a href="http://www.w3.org/TR/2011/CR-css3-background-20110214">http://www.w3.org/TR/2011/ED-css3-background-20110214</a> -->
32+
<a
33+
href="http://dev.w3.org/csswg/css3-background">http://dev.w3.org/csswg/css3-background</a>
3434

3535

3636
<dt>Latest version:
@@ -96,46 +96,36 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
9696
<h2 class="no-num no-toc" id=status>Status of this document</h2>
9797
<!--begin-status-->
9898

99-
<p><em>This section describes the status of this document at the time of
100-
its publication. Other documents may supersede this document. A list of
101-
current W3C publications and the latest revision of this technical report
102-
can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
103-
index at http://www.w3.org/TR/.</a></em>
104-
105-
<p>This document was produced by the <a
106-
href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> as a <a
107-
href="http://www.w3.org/Consortium/Process/tr#RecsCR">Candidate
108-
Recommendation.</a>
99+
<p>This is a public copy of the editors' draft. It is provided for
100+
discussion only and may change at any moment. Its publication here does
101+
not imply endorsement of its contents by W3C. Don't cite this document
102+
other than as work in progress.
109103

110-
<p>A Candidate Recommendation is a document that has been widely reviewed
111-
and is ready for implementation. W3C encourages everybody to implement
112-
this specification and return comments to the (<a
104+
<p>The (<a
113105
href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
114106
mailing list <a
115107
href="mailto:www-style@w3.org?Subject=%5Bcss3-background%5D%20PUT%20SUBJECT%20HERE">
116108
www-style@w3.org</a> (see <a
117-
href="http://www.w3.org/Mail/Request">instructions</a>). When sending
118-
e-mail, please put the text &#8220;css3-background&#8221; in the subject,
119-
preferably like this: &#8220;[<!---->css3-background<!---->]
120-
<em>&hellip;summary of comment&hellip;</em>&#8221;
109+
href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
110+
discussion of this specification. When sending e-mail, please put the text
111+
&#8220;css3-background&#8221; in the subject, preferably like this:
112+
&#8220;[<!---->css3-background<!---->] <em>&hellip;summary of
113+
comment&hellip;</em>&#8221;
121114

122-
<p>Publication as a Candidate Recommendation does not imply endorsement by
123-
the W3C Membership. This is a draft document and may be updated, replaced
124-
or obsoleted by other documents at any time. It is inappropriate to cite
125-
this document as other than work in progress.
115+
<p>This document was produced by the <a href="/Style/CSS/members">CSS
116+
Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
126117

127118
<p>This document was produced by a group operating under the <a
128-
href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
129-
2004 W3C Patent Policy</a>. W3C maintains a <a
130-
href="http://www.w3.org/2004/01/pp-impl/32061/status"
119+
href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
120+
Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
131121
rel=disclosure>public list of any patent disclosures</a> made in
132122
connection with the deliverables of the group; that page also includes
133123
instructions for disclosing a patent. An individual who has actual
134124
knowledge of a patent which the individual believes contains <a
135-
href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">
136-
Essential Claim(s)</a> must disclose the information in accordance with <a
137-
href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">
138-
section 6 of the W3C Patent Policy</a>.</p>
125+
href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
126+
Claim(s)</a> must disclose the information in accordance with <a
127+
href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
128+
W3C Patent Policy</a>.</p>
139129
<!--end-status-->
140130

141131
<p>The following features are at-risk and may be dropped at the end of the
@@ -146,8 +136,10 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
146136
<p>The CSS WG maintains an <a
147137
href="http://www.w3.org/Style/CSS/Tracker/products/11">issues list</a> for
148138
this module. A <a href="http://www.w3.org/Style/CSS/Test/">test suite</a>
149-
for CSS Backgrounds and Borders Level 3 will be developed during the
150-
Candidate Recommendation phase.
139+
and implementation report for CSS Backgrounds and Borders Level 3 will be
140+
developed during the Candidate Recommendation phase, which will last a
141+
minimum of three months, i.e., at least until 15 May 2011. See the section
142+
<a href="#exit">“CR exit criteria”</a> for more details.
151143

152144
<h2 class="no-num no-toc" id=contents>Table of contents</h2>
153145
<!--begin-toc-->
@@ -722,7 +714,7 @@ <h3 id=the-background-repeat><span class=secno>3.4. </span>The &lsquo;<a
722714

723715
<dd> The image is repeated in this direction as often as needed to cover
724716
the <a class=index href="#background-painting-area"
725-
id=background-painting-area.>background painting area.</a>
717+
id=background-painting-area0>background painting area</a>.
726718

727719
<dt><dfn id=space title="''space''!!'background-repeat'
728720
value">&lsquo;<code class=css>space</code>&rsquo;</dfn>
@@ -731,9 +723,10 @@ <h3 id=the-background-repeat><span class=secno>3.4. </span>The &lsquo;<a
731723
href="#background-positioning-area"
732724
id=background-positioning-area0>background positioning area</a> without
733725
being clipped and then the images are spaced out to fill the area. The
734-
first and last images touch the edges of the area. If the background
735-
painting area is larger than the background positioning area, then the
736-
pattern repeats to fill the background painting area. The value of
726+
first and last images touch the edges of the area. If the <a class=index
727+
href="#background-painting-area" id=background-painting-area1>background
728+
painting area</a> is larger than the background positioning area, then
729+
the pattern repeats to fill the background painting area. The value of
737730
&lsquo;<a href="#background-position"><code
738731
class=property>background-position</code></a>&rsquo; for this direction
739732
is ignored, unless there is not enough space for two copies of the image
@@ -745,13 +738,15 @@ <h3 id=the-background-repeat><span class=secno>3.4. </span>The &lsquo;<a
745738
<dt><dfn id=round title="''round''!!'background-repeat'
746739
value">&lsquo;<code class=css>round</code>&rsquo;</dfn>
747740

748-
<dd> The image is repeated as often as will fit within the <a
749-
href="#background-positioning-area">background positioning area.</a> If
750-
it doesn't fit a whole number of times, it is rescaled so that it does.
751-
See the formula under &lsquo;<a href="#background-size"><code
752-
class=property>background-size</code></a>&rsquo;. If the background
753-
painting area is larger than the background positioning area, then the
754-
pattern repeats to fill the background painting area.
741+
<dd> The image is repeated as often as will fit within the <a class=index
742+
href="#background-positioning-area"
743+
id=background-positioning-area.>background positioning area.</a> If it
744+
doesn't fit a whole number of times, it is rescaled so that it does. See
745+
the formula under &lsquo;<a href="#background-size"><code
746+
class=property>background-size</code></a>&rsquo;. If the <a class=index
747+
href="#background-painting-area" id=background-painting-area2>background
748+
painting area</a> is larger than the background positioning area, then
749+
the pattern repeats to fill the background painting area.
755750

756751
<dt><dfn id=no-repeat title="''no-repeat''!!'background-repeat'
757752
value">&lsquo;<code class=css>no-repeat</code>&rsquo;</dfn>
@@ -912,11 +907,12 @@ <h3 id=the-background-attachment><span class=secno>3.5. </span>The
912907
</dl>
913908

914909
<p>Even if the image is fixed, it is still only visible when it is in the
915-
<a href="#background-painting-area"><em>background painting area</em></a>
916-
of the element or otherwise unclipped. (See <a
917-
href="#special-backgrounds"> “The backgrounds of special elements”</a>
918-
for the cases when background images are not clipped.) Thus, unless the
919-
image is tiled, it may be invisible.
910+
<a href="#background-painting-area"><em class=index
911+
id=background-painting-area3>background painting area</em></a> of the
912+
element or otherwise unclipped. (See <a href="#special-backgrounds">
913+
“The backgrounds of special elements”</a> for the cases when
914+
background images are not clipped.) Thus, unless the image is tiled, it
915+
may be invisible.
920916

921917
<div class=example>
922918
<p>This example creates an infinite vertical band that remains “glued”
@@ -1259,8 +1255,9 @@ <h3 id=the-background-clip><span class=secno>3.7. </span>The &lsquo;<a
12591255
box.</span>
12601256
</dl>
12611257

1262-
<p class=note>Note that the root element has a different background
1263-
painting area, and thus the &lsquo;<a href="#background-clip"><code
1258+
<p class=note>Note that the root element has a different <a
1259+
href="#background-painting-area">background painting area,</a> and thus
1260+
the &lsquo;<a href="#background-clip"><code
12641261
class=property>background-clip</code></a>&rsquo; property has no effect
12651262
when specified on it. See <a href="#special-backgrounds"> “The
12661263
backgrounds of special elements.”</a>
@@ -1439,7 +1436,7 @@ <h3 id=the-background-size><span class=secno>3.9. </span>The &lsquo;<a
14391436
<dd>Scale the image, while preserving its intrinsic aspect ratio (if any),
14401437
to the largest size such that both its width and its height can fit
14411438
inside the <a class=index href="#background-positioning-area"
1442-
id=background-positioning-area.>background positioning area.</a>
1439+
id=background-positioning-area.0>background positioning area.</a>
14431440

14441441
<dt><dfn id=cover>&lsquo;<code class=css>cover</code>&rsquo;</dfn>
14451442

@@ -1512,11 +1509,10 @@ <h3 id=the-background-size><span class=secno>3.9. </span>The &lsquo;<a
15121509
background-image: url(flower.png) }
15131510
</pre>
15141511

1515-
<p>The following example rounds the height of the image to 33.̅​​3%,
1516-
up from the specified value of 30%. At 30%, three images would fit
1517-
entirely and a fourth only partially. After rounding, three images fit.
1518-
The width of the image is 20% of the background area width and is not
1519-
rounded.
1512+
<p>The following example rounds the height of the image to 33.3%, up from
1513+
the specified value of 30%. At 30%, three images would fit entirely and a
1514+
fourth only partially. After rounding, three images fit. The width of the
1515+
image is 20% of the background area width and is not rounded.
15201516

15211517
<pre>
15221518
p {
@@ -1813,13 +1809,13 @@ <h3 id=special-backgrounds><span class=secno>3.11. </span>The backgrounds
18131809

18141810
<p>The background of the root element becomes the background of the <a
18151811
href="http://www.w3.org/TR/CSS21/intro.html#the-canvas">canvas</a> and its
1816-
<a href=background-painting-area>background painting area</a> extends to
1817-
cover the entire canvas, although any images are sized and positioned
1818-
relative to the root element as if they were painted for that element
1819-
alone. (In other words, the <a
1820-
href="#background-positioning-area">background <em>positioning</em>
1821-
area</a> is determined as for the root element.) If the root's &lsquo;<a
1822-
href="#background-color"><code
1812+
<a class=index href="#background-painting-area"
1813+
id=background-painting-area4>background painting area</a> extends to cover
1814+
the entire canvas, although any images are sized and positioned relative
1815+
to the root element as if they were painted for that element alone. (In
1816+
other words, the <a href="#background-positioning-area">background
1817+
<em>positioning</em> area</a> is determined as for the root element.) If
1818+
the root's &lsquo;<a href="#background-color"><code
18231819
class=property>background-color</code></a>&rsquo; value is &lsquo;<code
18241820
class=css>transparent</code>&rsquo;, the canvas's background color is UA
18251821
dependent. The root element does not paint this background again, i.e.,
@@ -4207,7 +4203,7 @@ <h3 id=exit><span class=secno>8.4. </span>CR exit criteria</h3>
42074203
</ol>
42084204
</dl>
42094205

4210-
<p>A minimum of sixth months of the CR period must have elapsed. This is to
4206+
<p>A minimum of three months of the CR period must have elapsed. This is to
42114207
ensure that enough time is given for any remaining major errors to be
42124208
caught.
42134209

@@ -4889,25 +4885,27 @@ <h2 class=no-num id=index>Index</h2>
48894885
title=background-origin><strong>3.8.</strong></a>
48904886

48914887
<li>background painting area, <a href="#background-painting-area"
4892-
title="background painting area"><strong>3.7.</strong></a>
4893-
4894-
<li>background painting area., <a href="#background-painting-area."
4895-
title="background painting area.">3.4.</a>
4888+
title="background painting area"><strong>3.7.</strong></a>, <a
4889+
href="#background-painting-area0" title="background painting
4890+
area">3.4.</a>, <a href="#background-painting-area1" title="background
4891+
painting area">3.4.</a>, <a href="#background-painting-area2"
4892+
title="background painting area">3.4.</a>, <a
4893+
href="#background-painting-area3" title="background painting
4894+
area">3.5.</a>, <a href="#background-painting-area4" title="background
4895+
painting area">3.11.</a>
48964896

48974897
<li>background-position, <a href="#background-position"
48984898
title=background-position><strong>3.6.</strong></a>
48994899

4900-
<li>background positioning area., <a href="#background-positioning-area."
4901-
title="background positioning area.">3.9.</a>
4902-
49034900
<li>background positioning area, <a href="#background-positioning-area"
49044901
title="background positioning area"><strong>3.8.</strong></a>, <a
4902+
href="#background-positioning-area." title="background positioning
4903+
area.">3.4.</a>, <a href="#background-positioning-area.0"
4904+
title="background positioning area.">3.9.</a>, <a
49054905
href="#background-positioning-area0" title="background positioning
4906-
area">3.4.</a>, <a href="#background-positioning-area2" title="background
4907-
positioning area">7.1.</a>
4908-
4909-
<li>background positioning area, <a href="#background-positioning-area1"
4910-
title="background positioning area">3.6.</a>
4906+
area">3.4.</a>, <a href="#background-positioning-area1" title="background
4907+
positioning area">3.6.</a>, <a href="#background-positioning-area2"
4908+
title="background positioning area">7.1.</a>
49114909

49124910
<li>background-repeat, <a href="#background-repeat"
49134911
title=background-repeat><strong>3.4.</strong></a>

0 commit comments

Comments
 (0)