8000 [css2] Generated. Do not edit! · w3c/csswg-drafts@2915861 · GitHub
Skip to content
/ csswg-drafts Public

Commit 2915861

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

5 files changed

Lines changed: 136 additions & 166 deletions

File tree

‎css2/colors.html‎

Lines changed: 52 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -383,65 +383,61 @@ <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. If only one value is specified, the second value
388+
is assumed to be 'center'. If at least one value is not a keyword,
389+
then the first value represents the horizontal position and the second
390+
represents the vertical position. Negative &lt;percentage> and
391+
&lt;length> values are allowed.
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 1cm', the upper left corner of the image
409-
is placed 2cm to the right and 1cm 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>A percentage X aligns the point X% across (for horizontal) or
400+
down (for vertical) the image with the point X% across (for
401+
horizontal) or down (for vertical) the element's padding box. For
402+
example, with a value pair of '0% 0%',the upper left corner of the
403+
image is aligned with the upper left corner of the padding box. A
404+
value pair of '100% 100%' places the lower right corner of the image
405+
in the lower right corner of the padding box. 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 box.
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>A length L aligns the top left corner of the image a distance L
413+
to the right of (for horizontal) or below (for vertical) the top
414+
left corner of the element's padding box. For example, with a value
415+
pair of '2cm 1cm', the upper left corner of the image is placed 2cm
416+
to the right and 1cm below the upper left corner of the padding
417+
box. a value pair of '2cm 1cm' ... padding box.
418+
419+
<dt><strong>top</strong>
420+
421+
<dd>Equivalent to '0%' for the vertical position.
422+
423+
<dt><strong>right</strong>
424+
425+
<dd>Equivalent to '100%' for the horizontal position.
426+
427+
<dt><strong>bottom</strong>
428+
429+
<dd>Equivalent to '100%' for the vertical position.
430+
431+
<dt><strong>left</strong>
432+
433+
<dd>Equivalent to '0%' for the horizontal position.
434+
435+
<dt><strong>center</strong>
436+
437+
<dd>Equivalent to '50%' for the horizontal position if it is not
438+
otherwise given, or '50%' for the vertical position if it is.
438439
</dl>
439440

440-
<p>If only one percentage or length value is given, it sets the
441-
horizontal position only, and the vertical position will be 50%. If two
442-
values are given, the horizontal position comes first. Combinations of
443-
keyword, length and percentage values are allowed, (e.g., '50% 2cm' or 'center 2cm' or 'center 10%'). For combinations of keyword and non-keyword values, 'left' and 'right' may only be used as the first value, and 'top' and 'bottom' may only be used as the second value. Negative positions are allowed.
444-
</p>
445441
<div class="example"><P style="display:none">Example(s):</P>
446442
<pre>
447443
body { background: url("banner.jpeg") right top } /* 100% 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 box. For example,
465461
</p>
466462
<div class="example"><P style="display:none">Example(s):</P>
467463
<pre>

‎css2/css2.html‎

Lines changed: 68 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -10183,30 +10183,12 @@ <h2>10.4 <a name="min-max-widths">Minimum and maximum widths</a>: <a href="visud
1018310183
these are the intrinsic width and height, but they may not be in the
1018410184
case of replaced elements with intrinsic ratios.
1018510185

10186-
<div class=issue>
10187-
<p>In cases where an explicit width or height is set and the other
10188-
dimension is auto, applying a minimum or maximum constraint on the
10189-
auto side can cause a conflict between honoring the explicit dimension
10190-
and honoring the (implicit) aspect ratio. The Working Group is split
10191-
on how best to resolve the issue: should the result be as close as
10192-
possible to (but not necessarily) preserving the aspect ratio while
10193-
always honoring explicit widths and heights, or should the result be
10194-
as close as possible to (but not necessarily) honoring the explicit
10195-
dimension while always honoring the aspect ratio?
10196-
10197-
<p>Here is an example of the scenario in mind: A 1:1 image is given
10198-
the following style declarations;
10199-
10200-
<pre>width: 200px; min-height: 300px;</pre>
10201-
10202-
<p>If we honor the width over the aspect ratio, the image winds up
10203-
200px width by 300px height. If we honor the aspect ratio over the
10204-
width, the image winds up 300px width by 300px height.
10205-
10206-
<p>This draft specifies the former behavior. We are not yet committed
10207-
either way, and would appreciate feedback from the authoring community
10208-
on this issue.
10209-
</div>
10186+
<p class=note>Note: In cases where an explicit width or height is
10187+
set and the other dimension is auto, applying a minimum or maximum
10188+
constraint on the auto side can cause an over-constrained situation.
10189+
The spec is clear in the behavior but it might not be what the author
10190+
expects. The CSS3 image-fit property can be used to obtain different
10191+
results in this situation.
1021010192

1021110193
<table rules=all>
1021210194
<thead>
@@ -13568,65 +13550,61 @@ <h3>14.2.1 <a name="background-properties">Background properties</a>: <a href="c
1356813550
</div>
1356913551

1357013552

13571-
<p> If a background image has been specified, this property specifies
13572-
its initial position. Values have the following meanings:</p>
13553+
<p>If a background image has been specified, this property specifies
13554+
its initial position. If only one value is specified, the second value
13555+
is assumed to be 'center'. If at least one value is not a keyword,
13556+
then the first value represents the horizontal position and the second
13557+
represents the vertical position. Negative &lt;percentage> and
13558+
&lt;length> values are allowed.
13559+
13560+
1357313561

1357413562
<dl>
13575-
<dt><span class="index-inst" title="&lt;percentage&gt;"><a name="x8" href="syndata.html#value-def-percentage" class="noxref"><span
13576-
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></a></span>
13577-
<span class="index-inst" title="&lt;percentage&gt;"><a name="x9" href="syndata.html#value-def-percentage" class="noxref"><span
13578-
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></a></span>
13579-
</dt>
13580-
<dd> With a value pair of '0% 0%', the upper left corner of the image
13581-
is aligned with the upper left corner of the box's <a
13582-
href="box.html#padding-edge">padding edge</a>. A value pair of
13583-
'100% 100%' places the lower right corner of the image in the lower
13584-
right corner of padding area. With a value pair of '14% 84%', the point
13585-
14% across and 84% down the image is to be placed at the point 14%
13586-
across and 84% down the padding area.
13587-
</dd>
13588-
<dt><span class="index-inst" title="&lt;length&gt;"><a name="x10" href="syndata.html#value-def-length" class="noxref"><span
13589-
class="value-inst-length"><strong>&lt;length&gt;</strong></span></a></span>
13590-
<span class="index-inst" title="&lt;length&gt;"><a name="x11" href="syndata.html#value-def-length" class="noxref"><span
13591-
class="value-inst-length"><strong>&lt;length&gt;</strong></span></a></span>
13592-
</dt>
13593-
<dd> With a value pair of '2cm 1cm', the upper left corner of the image
13594-
is placed 2cm to the right and 1cm below the upper left corner of the
13595-
padding area.
13596-
</dd>
13597-
<dt><strong>top left</strong> and <strong>left top</strong></dt>
13598-
<dd>Same as '0% 0%'.</dd>
13599-
<dt><strong>top</strong>,
13600-
<strong>top center</strong>, and
13601-
<strong>center top</strong>
13602-
</dt>
13603-
<dd>Same as '50% 0%'.</dd>
13604-
<dt><strong>right top</strong> and <strong>top right</strong></dt>
13605-
<dd>Same as '100% 0%'.</dd>
13606-
<dt><strong>left</strong>, <strong>left center</strong>,
13607-
and <strong>center left</strong></dt>
13608-
<dd>Same as '0% 50%'.</dd>
13609-
<dt><strong>center</strong> and <strong>center center</strong></dt>
13610-
<dd>Same as '50% 50%'.</dd>
13611-
<dt><strong>right</strong>, <strong>right center</strong>,
13612-
and <strong>center right</strong></dt>
13613-
<dd>Same as '100% 50%'.</dd>
13614-
<dt><strong>bottom left</strong> and <strong>left bottom</strong></dt>
13615-
<dd>Same as '0% 100%'.</dd>
13616-
<dt><strong>bottom</strong>,
13617-
<strong>bottom center</strong>, and
13618-
<strong>center bottom</strong></dt>
13619-
<dd>Same as '50% 100%'.</dd>
13620-
<dt><strong>bottom right</strong>
13621-
and <strong>right bottom</strong></dt>
13622-
<dd>Same as '100% 100%'.</dd>
13563+
<dt><span class="index-inst" title="&lt;percentage&gt;"><a name="x8" href="syndata.html#value-def-percentage" class="noxref"><span
13564+
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></a></span>
1 2265 3565+
13566+
<dd>A percentage X aligns the point X% across (for horizontal) or
13567+
down (for vertical) the image with the point X% across (for
13568+
horizontal) or down (for vertical) the element's padding box. For
13569+
example, with a value pair of '0% 0%',the upper left corner of the
13570+
image is aligned with the upper left corner of the padding box. A
13571+
value pair of '100% 100%' places the lower right corner of the image
13572+
in the lower right corner of the padding box. With a value pair of
13573+
'14% 84%', the point 14% across and 84% down the image is to be
13574+
placed at the point 14% across and 84% down the padding box.
13575+
13576+
<dt><span class="index-inst" title="&lt;length&gt;"><a name="x9" href="syndata.html#value-def-length" class="noxref"><span
13577+
class="value-inst-length"><strong>&lt;length&gt;</strong></span></a></span>
13578+
13579+
<dd>A length L aligns the top left corner of the image a distance L
13580+
to the right of (for horizontal) or below (for vertical) the top
13581+
left corner of the element's padding box. For example, with a value
13582+
pair of '2cm 1cm', the upper left corner of the image is placed 2cm
13583+
to the right and 1cm below the upper left corner of the padding
13584+
box. a value pair of '2cm 1cm' ... padding box.
13585+
13586+
<dt><strong>top</strong>
13587+
13588+
<dd>Equivalent to '0%' for the vertical position.
13589+
13590+
<dt><strong>right</strong>
13591+
13592+
<dd>Equivalent to '100%' for the horizontal position.
13593+
13594+
<dt><strong>bottom</strong>
13595+
13596+
<dd>Equivalent to '100%' for the vertical position.
13597+
13598+
<dt><strong>left</strong>
13599+
13600+
<dd>Equivalent to '0%' for the horizontal position.
13601+
13602+
<dt><strong>center</strong>
13603+
13604+
<dd>Equivalent to '50%' for the horizontal position if it is not
13605+
otherwise given, or '50%' for the vertical position if it is.
1362313606
</dl>
1362413607

13625-
<p>If only one percentage or length value is given, it sets the
13626-
horizontal position only, and the vertical position will be 50%. If two
13627-
values are given, the horizontal position comes first. Combinations of
13628-
keyword, length and percentage values are allowed, (e.g., '50% 2cm' or 'center 2cm' or 'center 10%'). For combinations of keyword and non-keyword values, 'left' and 'right' may only be used as the first value, and 'top' and 'bottom' may only be used as the second value. Negative positions are allowed.
13629-
</p>
1363013608
<div class="example"><P style="display:none">Example(s):</P>
1363113609
<pre>
1363213610
body { background: url("banner.jpeg") right top } /* 100% 0% */
@@ -13646,7 +13624,7 @@ <h3>14.2.1 <a name="background-properties">Background properties</a>: <a href="c
1364613624
<a href="colors.html#propdef-background-attachment" class="noxref"><span
1364713625
class="propinst-background-attachment">'background-attachment'</span></a>
1364813626
property), the image is placed relative to the viewport instead of the
13649-
element's padding area. For example,
13627+
element's padding box. For example,
1365013628
</p>
1365113629
<div class="example"><P style="display:none">Example(s):</P>
1365213630
<pre>
@@ -15154,6 +15132,13 @@ <h2>16.6 <a name="white-space-prop">Whitespace</a>: the <a href="text.html#propd
1515415132
<dt>pre-line</dt>
1515515133
<dd>This value directs user agents to collapse sequences of whitespace. Lines are broken at newlines in the source, at occurrences of "\A" in generated content, and as necessary to fill line boxes.</dd>
1515615134
</dl>
15135+
<p>
15136+
Newlines in the source can be represented by a carriage return
15137+
(U+000D), a linefeed (U+000A) or both (U+000D U+000A) or by some other
15138+
mechanism that identifies the beginning and end of document segments,
15139+
such as the SGML RECORD-START and RECORD-END tokens. The CSS
15140+
'white-space' processing model assumes all newlines have been
15141+
normalized to line feeds.
1515715142

1515815143
<div class="example"><P style="display:none">Example(s):</P><p> The following examples show what <a
1515915144
href="syndata.html#whitespace">whitespace</a> behavior is expected
@@ -21447,7 +21432,7 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2144721432
</ul>
2144821433
<p><a name="index-b">&nbsp;</a>
2144921434
<ul class="index">
21450-
<li class="tocline0">'background', <a href="colors.html#propdef-background" class="index-def"><strong>1</strong></a>
21435+
<li class="tocline0">'background', <a href="colors.html#propdef-background" class="index-def"><strong>1</strong></a>, <a href="colors.html#propdef-background" class="index-def"><strong>2</strong></a>
2145121436
<li class="tocline0">'background-attachment', <a href="colors.html#propdef-background-attachment" class="index-def"><strong>1</strong></a>
2145221437
<li class="tocline0">'background-color', <a href="colors.html#propdef-background-color" class="index-def"><strong>1</strong></a>
2145321438
<li class="tocline0">'background-image', <a href="colors.html#propdef-background-image" class="index-def"><strong>1</strong></a>
@@ -21687,7 +21672,7 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2168721672
<li class="tocline0">definition of, <a href="visufx.html#value-def-left" class="index-def"><strong>1</strong></a>
2168821673
</ul>
2168921674
<li class="tocline0">'left', <a href="visuren.html#propdef-left" class="index-def"><strong>1</strong></a>
21690-
<li class="tocline0">&lt;length&gt;, <a href="colors.html#x10" class="index-inst"><span>1</span></a>, <a href="colors.html#x11" class="index-inst"><span>2</span></a>, <a href="text.html#x1" class="index-inst"><span>3</span></a>, <a href="text.html#x10" class="index-inst"><span>4</span></a>, <a href="text.html#x7" class="index-inst"><span>5</span></a>, <a href="visudet.html#x11" class="index-inst"><span>6</span></a>, <a href="visudet.html#x15" class="index-inst"><span>7</span></a>, <a href="visudet.html#x24" class="index-inst"><span>8</span></a>, <a href="visudet.html#x32" class="index-inst"><span>9</span></a>, <a href="visudet.html#x4" class="index-inst"><span>10</span></a>, <a href="visudet.html#x8" class="index-inst"><span>11</span></a>
21675+
<li class="tocline0">&lt;length&gt;, <a href="colors.html#x11" class="index-inst"><span>1</span></a>, <a href="colors.html#x9" class="index-inst"><span>2</span></a>, <a href="text.html#x1" class="index-inst"><span>3</span></a>, <a href="text.html#x10" class="index-inst"><span>4</span></a>, <a href="text.html#x7" class="index-inst"><span>5</span></a>, <a href="visudet.html#x11" class="index-inst"><span>6</span></a>, <a href="visudet.html#x15" class="index-inst"><span>7</span></a>, <a href="visudet.html#x24" class="index-inst"><span>8</span></a>, <a href="visudet.html#x32" class="index-inst"><span>9</span></a>, <a href="visudet.html#x4" class="index-inst"><span>10</span></a>, <a href="visudet.html#x8" class="index-inst"><span>11</span></a>
2169121676
<ul class="index">
2169221677
<li class="tocline0">definition of, <a href="syndata.html#value-def-length" class="index-def"><strong>1</strong></a>
2169321678
</ul>
@@ -21802,7 +21787,7 @@ <H1><a name="q0">Appendix I. Index</a></H1>
2180221787
<li class="tocline0">'pause', <a href="aural.html#propdef-pause" class="index-def"><strong>1</strong></a>
2180321788
<li class="tocline0">'pause-after', <a href="aural.html#propdef-pause-after" class="index-def"><strong>1</strong></a>
2180421789
<li class="tocline0">'pause-before', <a href="aural.html#propdef-pause-before" class="index-def"><strong>1</strong></a>
21805-
<li class="tocline0">&lt;percentage&gt;, <a href="aural.html#x12" class="index-inst"><span>1</span></a>, <a href="aural.html#x17" class="index-inst"><span>2</span></a>, <a href="colors.html#x8" class="index-inst"><span>3</span></a>, <a href="colors.html#x9" class="index-inst"><span>4</span></a>, <a href="text.html#x2" class="index-inst"><span>5</span></a>, <a href="visudet.html#x12" class="index-inst"><span>6</span></a>, <a href="visudet.html#x16" class="index-inst"><span>7</span></a>, <a href="visudet.html#x26" class="index-inst"><span>8</span></a>, <a href="visudet.html#x31" class="index-inst"><span>9</span></a>, <a href="visudet.html#x5" class="index-inst"><span>10</span></a>, <a href="visudet.html#x9" class="index-inst"><span>11</span></a>
21790+
<li class="tocline0">&lt;percentage&gt;, <a href="aural.html#x12" class="index-inst"><span>1</span></a>, <a href="aural.html#x17" class="index-inst"><span>2</span></a>, <a href="colors.html#x8" class="index-inst"><span>3</span></a>, <a href="text.html#x2" class="index-inst"><span>4</span></a>, <a href="visudet.html#x12" class="index-inst"><span>5</span></a>, <a href="visudet.html#x16" class="index-inst"><span>6</span></a>, <a href="visudet.html#x26" class="index-inst"><span>7</span></a>, <a href="visudet.html#x31" class="index-inst"><span>8</span></a>, <a href="visudet.html#x5" class="index-inst"><span>9</span></a>, <a href="visudet.html#x9" class="index-inst"><span>10</span></a>
2180621791
<ul class="index">
2180721792
<li class="tocline0">definition of, <a href="syndata.html#value-def-percentage" class="index-def"><strong>1</strong></a>
2180821793
</ul>

0 commit comments

Comments
 (0)