Skip to content

Commit 417344a

Browse files
committed
[css2] Edited issues 2, 4, 30, 33, 35, 36, 37, 38
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402686
1 parent 95c9685 commit 417344a

File tree

3 files changed

+69
-83
lines changed

3 files changed

+69
-83
lines changed

css2/colors.src

Lines changed: 54 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22
<html lang="en">
3-
<!-- $Id: colors.src,v 2.45 2006-06-02 16:18:03 bbos Exp $ -->
3+
<!-- $Id: colors.src,v 2.46 2007-04-24 18:12:46 bbos Exp $ -->
44
<head>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<title>Colors and backgrounds</title>
@@ -262,65 +262,62 @@ href="conform.html#conformance">conformance</a> for details.
262262

263263
<!-- #include src=properties/background-position.srb -->
264264

265-
<p> If a background image has been specified, this property specifies
266-
its initial position. Values have the following meanings:</p>
265+
<p>If a background image has been specified, this property specifies
266+
its initial position. If only one value is specified, the second value
267+
is assumed to be 'center'. If at least one value is not a keyword,
268+
then the first value represents the horizontal position and the second
269+
represents the vertical position. Negative &lt;percentage> and
270+
&lt;length> values are allowed.
271+
272+
<!-- '50% left' is not allowed, because 'left' is not a vertical
273+
position. Is that clear from the above? -->
267274

268275
<dl>
269-
<dt><span class="index-inst" title="&lt;percentage&gt;"><span
270-
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></span>
271-
<span class="index-inst" title="&lt;percentage&gt;"><span
272-
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></span>
273-
</dt>
274-
<dd> With a value pair of '0% 0%', the upper left corner of the image
275-
is aligned with the upper left corner of the box's <a
276-
href="box.html#padding-edge">padding edge</a>. A value pair of
277-
'100% 100%' places the lower right corner of the image in the lower
278-
right corner of padding area. With a value pair of '14% 84%', the point
279-
14% across and 84% down the image is to be placed at the point 14%
280-
across and 84% down the padding area.
281-
</dd>
282-
<dt><span class="index-inst" title="&lt;length&gt;"><span
283-
class="value-inst-length"><strong>&lt;length&gt;</strong></span></span>
284-
<span class="index-inst" title="&lt;length&gt;"><span
285-
class="value-inst-length"><strong>&lt;length&gt;</strong></span></span>
286-
</dt>
287-
<dd> With a value pair of '2cm 1cm', the upper left corner of the image
288-
is placed 2cm to the right and 1cm below the upper left corner of the
289-
padding area.
290-
</dd>
291-
<dt><strong>top left</strong> and <strong>left top</strong></dt>
292-
<dd>Same as '0% 0%'.</dd>
293-
<dt><strong>top</strong>,
294-
<strong>top center</strong>, and
295-
<strong>center top</strong>
296-
</dt>
297-
<dd>Same as '50% 0%'.</dd>
298-
<dt><strong>right top</strong> and <strong>top right</strong></dt>
299-
<dd>Same as '100% 0%'.</dd>
300-
<dt><strong>left</strong>, <strong>left center</strong>,
301-
and <strong>center left</strong></dt>
302-
<dd>Same as '0% 50%'.</dd>
303-
<dt><strong>center</strong> and <strong>center center</strong></dt>
304-
<dd>Same as '50% 50%'.</dd>
305-
<dt><strong>right</strong>, <strong>right center</strong>,
306-
and <strong>center right</strong></dt>
307-
<dd>Same as '100% 50%'.</dd>
308-
<dt><strong>bottom left</strong> and <strong>left bottom</strong></dt>
309-
<dd>Same as '0% 100%'.</dd>
310-
<dt><strong>bottom</strong>,
311-
<strong>bottom center</strong>, and
312-
<strong>center bottom</strong></dt>
313-
<dd>Same as '50% 100%'.</dd>
314-
<dt><strong>bottom right</strong>
315-
and <strong>right bottom</strong></dt>
316-
<dd>Same as '100% 100%'.</dd>
276+
<dt><span class="index-inst" title="&lt;percentage&gt;"><span
277+
class="value-inst-percentage"><strong>&lt;percentage&gt;</strong></span></span>
278+
279+
<dd>A percentage X aligns the point X% across (for horizontal) or
280+
down (for vertical) the image with the point X% across (for
281+
horizontal) or down (for vertical) the element's padding box. For
282+
example, with a value pair of '0% 0%',the upper left corner of the
283+
image is aligned with the upper left corner of the padding box. A
284+
value pair of '100% 100%' places the lower right corner of the image
285+
in the lower right corner of the padding box. With a value pair of
286+
'14% 84%', the point 14% across and 84% down the image is to be
287+
placed at the point 14% across and 84% down the padding box.
288+
289+
<dt><span class="index-inst" title="&lt;length&gt;"><span
290+
class="value-inst-length"><strong>&lt;length&gt;</strong></span></span>
291+
292+
<dd>A length L aligns the top left corner of the image a distance L
293+
to the right of (for horizontal) or below (for vertical) the top
294+
left corner of the element's padding box. For example, with a value
295+
pair of '2cm 1cm', the upper left corner of the image is placed 2cm
296+
to the right and 1cm below the upper left corner of the padding
297+
box. a value pair of '2cm 1cm' ... padding box.
298+
299+
<dt><strong>top</strong>
300+
301+
<dd>Equivalent to '0%' for the vertical position.
302+
303+
<dt><strong>right</strong>
304+
305+
<dd>Equivalent to '100%' for the horizontal position.
306+
307+
<dt><strong>bottom</strong>
308+
309+
<dd>Equivalent to '100%' for the vertical position.
310+
311+
<dt><strong>left</strong>
312+
313+
<dd>Equivalent to '0%' for the horizontal position.
314+
315+
<dt><strong>center</strong>
316+
317+
<dd>Equivalent to '50%' for the horizontal position if it is not
318+
otherwise given, or '50%' for the vertical position if it is.
317319
</dl>
318320

319-
<p>If only one percentage or length value is given, it sets the
320-
horizontal position only, and the vertical position will be 50%. If two
321-
values are given, the horizontal position comes first. Combinations of
322-
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.
323-
</p>
324321
<div class="example">
325322
<pre>
326323
body { background: url("banner.jpeg") right top } /* 100% 0% */
@@ -340,7 +337,7 @@ background-image on inline elements.
340337
<span
341338
class="propinst-background-attachment">'background-attachment'</span>
342339
property), the image is placed relative to the viewport instead of the
343-
element's padding area. For example,
340+
element's padding box. For example,
344341
</p>
345342
<div class="example">
346343
<pre>

css2/text.src

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22
<html lang="en">
3-
<!-- $Id: text.src,v 2.58 2007-02-20 15:18:59 bbos Exp $ -->
3+
<!-- $Id: text.src,v 2.59 2007-04-24 18:12:46 bbos Exp $ -->
44
<head>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<title>Text</title>
@@ -400,6 +400,13 @@ and as necessary to fill line boxes.</dd>
400400
<dt>pre-line</dt>
401401
<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>
402402
</dl>
403+
<p>
404+
Newlines in the source can be represented by a carriage return
405+
(U+000D), a linefeed (U+000A) or both (U+000D U+000A) or by some other
406+
mechanism that identifies the beginning and end of document segments,
407+
such as the SGML RECORD-START and RECORD-END tokens. The CSS
408+
'white-space' processing model assumes all newlines have been
409+
normalized to line feeds.
403410

404411
<div class="example"><p> The following examples show what <a
405412
href="syndata.html#whitespace">whitespace</a> behavior is expected

css2/visudet.src

Lines changed: 7 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22
<html lang="en">
3-
<!-- $Id: visudet.src,v 2.117 2007-04-16 12:42:52 bbos Exp $ -->
3+
<!-- $Id: visudet.src,v 2.118 2007-04-24 18:12:46 bbos Exp $ -->
44
<head>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<title>Visual formatting model details</title>
@@ -693,30 +693,12 @@ class="propinst-max-height">'max-height'</span> properties. Normally
693693
these are the intrinsic width and height, but they may not be in the
694694
case of replaced elements with intrinsic ratios.
695695

696-
<div class=issue>
697-
<p>In cases where an explicit width or height is set and the other
698-
dimension is auto, applying a minimum or maximum constraint on the
699-
auto side can cause a conflict between honoring the explicit dimension
700-
and honoring the (implicit) aspect ratio. The Working Group is split
701-
on how best to resolve the issue: should the result be as close as
702-
possible to (but not necessarily) preserving the aspect ratio while
703-
always honoring explicit widths and heights, or should the result be
704-
as close as possible to (but not necessarily) honoring the explicit
705-
dimension while always honoring the aspect ratio?
706-
707-
<p>Here is an example of the scenario in mind: A 1:1 image is given
708-
the following style declarations;
709-
710-
<pre>width: 200px; min-height: 300px;</pre>
711-
712-
<p>If we honor the width over the aspect ratio, the image winds up
713-
200px width by 300px height. If we honor the aspect ratio over the
714-
width, the image winds up 300px width by 300px height.
715-
716-
<p>This draft specifies the former behavior. We are not yet committed
717-
either way, and would appreciate feedback from the authoring community
718-
on this issue.
719-
</div>
696+
<p class=note>Note: In cases where an explicit width or height is
697+
set and the other dimension is auto, applying a minimum or maximum
698+
constraint on the auto side can cause an over-constrained situation.
699+
The spec is clear in the behavior but it might not be what the author
700+
expects. The CSS3 image-fit property can be used to obtain different
701+
results in this situation.
720702

721703
<table rules=all>
722704
<thead>

0 commit comments

Comments
 (0)