Skip to content

Commit 95c9685

Browse files
bert-githubbert-github
committed
[css2] Generated. Do not edit!
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402685
1 parent 2915861 commit 95c9685

8 files changed

Lines changed: 188 additions & 218 deletions

File tree

‎css2/diffs-rec/colors.html‎

Lines changed: 58 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -267,15 +267,15 @@ <h3>14.2.1 <a name="background-properties">Background properties</a>: <a href="c
267267
href="box.html#box-padding-area">padding</a> <ins>and</ins> <a
268268
href="box.html#box-border-area"><ins>border</ins></a> areas of a box.
269269
</p><p>
270-
<ins>The</ins> <ins>tiling</ins> <ins>and</ins> <ins>positioning</ins> <ins>of</ins> <ins>the</ins>
270+
<del>Values</del> <del>have</del>The <del>following</del> <del>meanings:</del> <del>repeat</del><ins>tiling</ins> <ins>and</ins> <ins>positioning</ins> <ins>of</ins> <ins>the</ins>
271271
<ins>background-image</ins> <ins>on</ins> <ins>inline</ins> <ins>elements</ins> <ins>is</ins> <ins>undefined</ins> <ins>in</ins> <ins>this</ins> <ins>specification.</ins>
272272
<ins>A</ins> <ins>future</ins> <ins>level</ins> <ins>of</ins> <ins>CSS</ins> <ins>may</ins> <ins>define</ins> <ins>the</ins> <ins>tiling</ins> <ins>and</ins> <ins>positioning</ins> <ins>of</ins> <ins>the</ins>
273273
<ins>background-image</ins> <ins>on</ins> <ins>inline</ins> <ins>elements.</ins>
274274
</p>
275-
<p>Values have the following meanings:</p>
275+
<p><ins>Values</ins> <ins>have</ins> <ins>the</ins> <ins>following</ins> <ins>meanings:</ins></p>
276276

277277
<dl>
278-
<dt><strong>repeat</strong></dt>
278+
<dt><strong><ins>repeat</ins></strong></dt>
279279
<dd>The image is repeated both horizontally and vertically.</dd>
280280
<dt><strong>repeat-x</strong></dt>
281281
<dd>The image is repeated horizontally only.</dd>
@@ -369,8 +369,8 @@ <h3>14.2.1 <a name="background-properties">Background properties</a>: <a href="c
369369
<dd>
370370
<table class="propinfo" cellspacing=0 cellpadding=0>
371371
<tr valign=baseline><td><em>Value:</em>&nbsp;&nbsp;<td>[ [ <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage">&lt;percentage&gt;</span></a> | <a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length">&lt;length&gt;</span></a> <del>]{1,2}</del>| <ins>left</ins> <ins>|</ins> <ins>center</ins> <ins>|</ins> <ins>right</ins> <ins>]</ins>
372-
[ <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage"> <del>[top</del><ins>&lt;percentage&gt;</ins></span></a> <ins>|</ins> <a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length"><ins>&lt;length&gt;</ins></span></a> <ins>|</ins> <ins>top</ins> <ins>|</ins> <ins>center</ins> <ins>|</ins> <ins>bottom</ins> <ins>]?</ins> <ins>]</ins> <ins>|</ins>
373-
<ins>[</ins> <ins>[</ins> <ins>left</ins> | center | <del>bottom]</del><ins>right</ins> <ins>]</ins> || <del>[left</del><ins>[</ins> <ins>top</ins> | center | <del>right]</del><ins>bottom</ins> ] ] |
372+
[ <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage"> <del>[top</del><ins>&lt;percentage&gt;</ins></span></a> <ins>|</ins> <a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length"><ins>&lt;length&gt;</ins></span></a> <ins>|</ins> <ins>top</ins> | center | <del>bottom]</del><ins>bottom</ins> <ins>]?</ins> <ins>]</ins> <ins>|</ins>
373+
<ins>[</ins> <ins>[</ins> <ins>left</ins> <ins>|</ins> <ins>center</ins> <ins>|</ins> <ins>right</ins> <ins>]</ins> || <del>[left</del><ins>[</ins> <ins>top</ins> | center | <del>right]</del><ins>bottom</ins> ] ] |
374374
<a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit">inherit</span></a>
375375
<tr valign=baseline><td><em>Initial:</em>&nbsp;&nbsp;<td>0% 0%
376376
<tr valign=baseline><td><em>Applies to:</em>&nbsp;&nbsp;<td> <del>block-level</del> <del>and</del> <del>replaced</del><ins>all</ins> elements
@@ -383,66 +383,62 @@ <h3>14.2.1 <a name="background-properties">Background properties</a>: <a href="c
383383
</div>
384384

385385

386-
<p> If a background image has been specified, this property specifies
387-
its initial position. Values have the following meanings:</p>
386+
<p>If a background image has been specified, this property specifies
387+
its initial position. <del>Values</del> <del>have</del><ins>If</ins> <ins>only</ins> <ins>one</ins> <ins>value</ins> <ins>is</ins> <ins>specified,</ins> the <del>following</del> <del>meanings:</del> <del>&lt;percentage&gt;</del><ins>second</ins> <ins>value</ins>
388+
<ins>is</ins> <ins>assumed</ins> <ins>to</ins> <ins>be</ins> <ins>'center'.</ins> <ins>If</ins> <ins>at</ins> <ins>least</ins> <ins>one</ins> <ins>value</ins> <ins>is</ins> <ins>not</ins> <ins>a</ins> <ins>keyword,</ins>
389+
<ins>then</ins> <ins>the</ins> <ins>first</ins> <ins>value</ins> <ins>represents</ins> <ins>the</ins> <ins>horizontal</ins> <ins>position</ins> <ins>and</ins> <ins>the</ins> <ins>second</ins>
390+
<ins>represents</ins> <ins>the</ins> <ins>vertical</ins> <ins>position.</ins> <ins>Negative</ins> <ins>&lt;percentage></ins> <ins>and</ins>
391+
<ins>&lt;length></ins> <ins>values</ins> <ins>are</ins> <ins>allowed.</ins>
392+
393+
388394

389395
<dl>
390-
<dt><span class="index-inst" title="&lt;percentage&gt;"><a name="x8" href="syndata.html#value-def-percentage" class="noxref"><span
391-
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></a></span>
392-
<span class="index-inst" title="&lt;percentage&gt;"><a name="x9" href="syndata.html#value-def-percentage" class="noxref"><span
393-
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></a></span>
394-
</dt>
395-
<dd> With a value pair of '0% 0%', the upper left corner of the image
396-
is aligned with the upper left corner of the box's <a
397-
href="box.html#padding-edge">padding edge</a>. A value pair of
398-
'100% 100%' places the lower right corner of the image in the lower
399-
right corner of padding area. With a value pair of '14% 84%', the point
400-
14% across and 84% down the image is to be placed at the point 14%
401-
across and 84% down the padding area.
402-
</dd>
403-
<dt><span class="index-inst" title="&lt;length&gt;"><a name="x10" href="syndata.html#value-def-length" class="noxref"><span
404-
class="value-inst-length"><strong>&lt;length&gt;</strong></span></a></span>
405-
<span class="index-inst" title="&lt;length&gt;"><a name="x11" href="syndata.html#value-def-length" class="noxref"><span
406-
class="value-inst-length"><strong>&lt;length&gt;</strong></span></a></span>
407-
</dt>
408-
<dd> With a value pair of '2cm <del>2cm',</del><ins>1cm',</ins> the upper left corner of the image
409-
is placed 2cm to the right and <del>2cm</del><ins>1cm</ins> below the upper left corner of the
410-
padding area.
411-
</dd>
412-
<dt><strong>top left</strong> and <strong>left top</strong></dt>
413-
<dd>Same as '0% 0%'.</dd>
414-
<dt><strong>top</strong>,
415-
<strong>top center</strong>, and
416-
<strong>center top</strong>
417-
</dt>
418-
<dd>Same as '50% 0%'.</dd>
419-
<dt><strong>right top</strong> and <strong>top right</strong></dt>
420-
<dd>Same as '100% 0%'.</dd>
421-
<dt><strong>left</strong>, <strong>left center</strong>,
422-
and <strong>center left</strong></dt>
423-
<dd>Same as '0% 50%'.</dd>
424-
<dt><strong>center</strong> and <strong>center center</strong></dt>
425-
<dd>Same as '50% 50%'.</dd>
426-
<dt><strong>right</strong>, <strong>right center</strong>,
427-
and <strong>center right</strong></dt>
428-
<dd>Same as '100% 50%'.</dd>
429-
<dt><strong>bottom left</strong> and <strong>left bottom</strong></dt>
430-
<dd>Same as '0% 100%'.</dd>
431-
<dt><strong>bottom</strong>,
432-
<strong>bottom center</strong>, and
433-
<strong>center bottom</strong></dt>
434-
<dd>Same as '50% 100%'.</dd>
435-
<dt><strong>bottom right</strong>
436-
and <strong>right bottom</strong></dt>
437-
<dd>Same as '100% 100%'.</dd>
396+
<dt><span class="index-inst" title="&lt;percentage&gt;"><a name="x8" href="syndata.html#value-def-percentage" class="noxref"><span
397+
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></a></span>
398+
399+
<dd><ins>A</ins> <ins>percentage</ins> <ins>X</ins> <ins>aligns</ins> <ins>the</ins> <ins>point</ins> <ins>X%</ins> <ins>across</ins> <ins>(for</ins> <ins>horizontal)</ins> <ins>or</ins>
400+
<ins>down</ins> <ins>(for</ins> <ins>vertical)</ins> <ins>the</ins> <ins>image</ins> <ins>with</ins> <ins>the</ins> <ins>point</ins> <ins>X%</ins> <ins>across</ins> <ins>(for</ins>
401+
<ins>horizontal)</ins> <ins>or</ins> <ins>down</ins> <ins>(for</ins> <ins>vertical)</ins> <ins>the</ins> <ins>element's</ins> <ins>padding</ins> <ins>box.</ins> <ins>For</ins>
402+
<ins>example,</ins> with a value pair of '0% <del>0%',</del> <del>the</del><ins>0%',the</ins> upper left corner of the
403+
image is aligned with the upper left corner of the <del>box's</del>padding <del>edge</del> <del>.</del><ins>box.</ins> A
404+
value pair of '100% 100%' places the lower right corner of the image
405+
in the lower right corner of <ins>the</ins> padding <del>area.</del><ins>box.</ins> With a value pair of
406+
'14% 84%', the point 14% across and 84% down the image is to be
407+
placed at the point 14% across and 84% down the padding <del>area.</del> <del>&lt;length&gt;</del><ins>box.</ins>
408+
409+
<dt><span class="index-inst" title="&lt;length&gt;"><a name="x9" href="syndata.html#value-def-length" class="noxref"><span
410+
class="value-inst-length"><strong>&lt;length&gt;</strong></span></a></span>
411+
412+
<dd><ins>A</ins> <ins>length</ins> <ins>L</ins> <ins>aligns</ins> <ins>the</ins> <ins>top</ins> <ins>left</ins> <ins>corner</ins> <ins>of</ins> <ins>the</ins> <ins>image</ins> <ins>a</ins> <ins>distance</ins> <ins>L</ins>
413+
<ins>to</ins> <ins>the</ins> <ins>right</ins> <ins>of</ins> <ins>(for</ins> <ins>horizontal)</ins> <ins>or</ins> <ins>below</ins> <ins>(for</ins> <ins>vertical)</ins> <ins>the</ins> <ins>top</ins>
414+
<ins>left</ins> <ins>corner</ins> <ins>of</ins> <ins>the</ins> <ins>element's</ins> <ins>padding</ins> <ins>box.</ins> <ins>For</ins> <ins>example,</ins> with a value
415+
pair of '2cm <del>2cm',</del><ins>1cm',</ins> the upper left corner of the image is placed 2cm
416+
to the right and <del>2cm</del><ins>1cm</ins> below the upper left corner of the padding
417+
<del>area.</del> <del>top</del> <del>left</del> <del>and</del> <del>left</del> <del>top</del> <del>Same</del> <del>as</del> <del>'0%</del> <del>0%'.</del> <del>top</del> <del>,</del> <del>top</del> <del>center</del> <del>,</del> <del>and</del> <del>center</del> <del>top</del> <del>Same</del> <del>as</del> <del>'50%</del> <del>0%'.</del> <del>right</del> <del>top</del> <del>and</del><ins>box.</ins> <ins>a</ins> <ins>value</ins> <ins>pair</ins> <ins>of</ins> <ins>'2cm</ins> <ins>1cm'</ins> <ins>...</ins> <ins>padding</ins> <ins>box.</ins>
418+
419+
<dt><strong>top</strong>
420+
421+
<dd><ins>Equivalent</ins> <ins>to</ins> <ins>'0%'</ins> <ins>for</ins> <ins>the</ins> <ins>vertical</ins> <ins>position.</ins>
422+
423+
<dt><strong>right</strong>
424+
425+
<dd> <del>Same</del> <del>as</del> <del>'100%</del> <del>0%'.</del> <del>left</del> <del>,</del> <del>left</del> <del>center</del> <del>,</del> <del>and</del> <del>center</del> <del>left</del> <del>Same</del> <del>as</del> <del>'0%</del> <del>50%'.</del> <del>center</del> <del>and</del> <del>center</del> <del>center</del> <del>Same</del> <del>as</del> <del>'50%</del> <del>50%'.</del> <del>right</del> <del>,</del> <del>right</del> <del>center</del> <del>,</del> <del>and</del> <del>center</del> <del>right</del> <del>Same</del> <del>as</del> <del>'100%</del> <del>50%'.</del><ins>Equivalent</ins> <ins>to</ins> <ins>'100%'</ins> <ins>for</ins> <ins>the</ins> <ins>horizontal</ins> <ins>position.</ins>
426+
427+
<dt><strong>bottom</strong>
428+
429+
<dd><ins>Equivalent</ins> <ins>to</ins> <ins>'100%'</ins> <ins>for</ins> <ins>the</ins> <ins>vertical</ins> <ins>position.</ins>
430+
431+
<dt><strong>left</strong>
432+
433+
<dd> <del>and</del> <del>left</del> <del>bottom</del> <del>Same</del> <del>as</del> <del>'0%</del> <del>100%'.</del> <del>bottom</del> <del>,</del> <del>bottom</del> <del>center</del> <del>,</del> <del>and</del> <del>center</del> <del>bottom</del> <del>Same</del> <del>as</del> <del>'50%</del> <del>100%'.</del> <del>bottom</del> <del>right</del> <del>and</del> <del>right</del> <del>bottom</del> <del>Same</del> <del>as</del> <del>'100%</del> <del>100%'.</del> <del>If</del> <del>only</del> <del>one</del> <del>percentage</del> <del>or</del> <del>length</del> <del>value</del> <del>is</del> <del>given,</del> <del>it</del> <del>sets</del><ins>Equivalent</ins> <ins>to</ins> <ins>'0%'</ins> <ins>for</ins> the horizontal <del>position</del> <del>only,</del><ins>position.</ins>
434+
435+
<dt><strong><ins>center</ins></strong>
436+
437+
<dd><ins>Equivalent</ins> <ins>to</ins> <ins>'50%'</ins> <ins>for</ins> the <del>vertical</del><ins>horizontal</ins> position <del>will</del> <del>be</del> <del>50%.</del>if <del>two</del> <del>values</del> <del>are</del><ins>it</ins> <ins>is</ins> <ins>not</ins>
438+
<ins>otherwise</ins> given, <ins>or</ins> <ins>'50%'</ins> <ins>for</ins> the <del>horizontal</del><ins>vertical</ins> position <del>comes</del> <del>first.</del> <del>Combinations</del> <del>of</del> <del>length</del> <del>and</del> <del>percentage</del> <del>values</del> <del>are</del> <del>allowed,</del> <del>(e.g.,</del> <del>'50%</del> <del>2cm').</del> <del>Negative</del> <del>positions</del> <del>are</del> <del>allowed.</del> <del>Keywords</del> <del>cannot</del> <del>be</del> <del>combined</del> <del>with</del> <del>percentage</del> <del>values</del> <del>or</del> <del>length</del> <del>values</del> <del>(all</del> <del>possible</del> <del>combinations</del> <del>are</del> <del>given</del> <del>above).</del><ins>if</ins> <ins>it</ins> <ins>is.</ins>
438439
</dl>
439440

440-
<p>If only one percentage or length value is given, it sets the
441-
horizontal position only, <ins>and</ins> the vertical position will be 50%. If two
442-
values are given, the horizontal position comes first. Combinations of
443-
<ins>keyword,</ins> length and percentage values are allowed, (e.g., '50% <del>2cm').</del><ins>2cm'</ins> <ins>or</ins> <ins>'center</ins> <ins>2cm'</ins> <ins>or</ins> <ins>'center</ins> <ins>10%').</ins> <ins>For</ins> <ins>combinations</ins> <ins>of</ins> <ins>keyword</ins> <ins>and</ins> <ins>non-keyword</ins> <ins>values,</ins> <ins>'left'</ins> <ins>and</ins> <ins>'right'</ins> <ins>may</ins> <ins>only</ins> <ins>be</ins> <ins>used</ins> <ins>as</ins> <ins>the</ins> <ins>first</ins> <ins>value,</ins> <ins>and</ins> <ins>'top'</ins> <ins>and</ins> <ins>'bottom'</ins> <ins>may</ins> <ins>only</ins> <ins>be</ins> <ins>used</ins> <ins>as</ins> <ins>the</ins> <ins>second</ins> <ins>value.</ins> Negative positions are allowed.
444-
</p>
445-
<div class="example"><P style="display:none"> <del>Keywords</del> <del>cannot</del> <del>be</del> <del>combined</del> <del>with</del> <del>percentage</del> <del>values</del> <del>or</del> <del>length</del> <del>values</del> <del>(all</del> <del>possible</del> <del>combinations</del> <del>are</del> <del>given</del> <del>above).</del>Example(s):</P>
441+
<div class="example"><P style="display:none">Example(s):</P>
446442
<pre>
447443
body { background: url("banner.jpeg") right top } /* 100% 0% */
448444
body { background: url("banner.jpeg") top center } /* 50% 0% */
@@ -461,7 +457,7 @@ <h3>14.2.1 <a name="background-properties">Background properties</a>: <a href="c
461457
<a href="colors.html#propdef-background-attachment" class="noxref"><span
462458
class="propinst-background-attachment">'background-attachment'</span></a>
463459
property), the image is placed relative to the viewport instead of the
464-
element's padding area. For example,
460+
element's padding <del>area.</del><ins>box.</ins> For example,
465461
</p>
466462
<div class="example"><P style="display:none">Example(s):</P>
467463
<pre>

0 commit comments

Comments
 (0)