Skip to content

Commit 076dade

Browse files
committed
Tweak the <position> reference, and apply it to object-position as well.
1 parent e145131 commit 076dade

2 files changed

Lines changed: 26 additions & 29 deletions

File tree

css3-images/Overview.html

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1042,9 +1042,10 @@ <h4 class=no-toc id=radial-gradient-syntax><span class=secno>4.2.1. </span>
10421042

10431043
<dd>Determines the center of the gradient. The <a
10441044
href="//www.w3.org/TR/css3-values/#position"><i>&lt;position></i></a>
1045-
notation is defined in <a href="#CSS3VAL"
1046-
rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>, and is resolved using
1047-
the center-point as the object area and the <a
1045+
value type (which is also used for &lsquo;<code
1046+
class=property>background-position</code>&rsquo;) is defined in <a
1047+
href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>, and is
1048+
resolved using the center-point as the object area and the <a
10481049
href="#gradient-box"><i>gradient box</i></a> as the positioning area. If
10491050
this argument is omitted, it defaults to &lsquo;<code
10501051
class=css>center</code>&rsquo;.
@@ -1992,14 +1993,14 @@ <h3 id=object-position><span class=secno>5.5. </span> Positioning Objects:
19921993

19931994
<p>The &lsquo;<a href="#object-position0"><code
19941995
class=property>object-position</code></a>&rsquo; property determines the
1995-
alignment of the replaced element inside its box. The <dfn
1996-
id=ltposition0><code>&lt;position></code></dfn> value type is defined as
1997-
the positioning syntax of &lsquo;<code class=css><a
1998-
href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a></code>&rsquo;
1999-
and is resolved in the same way, using the image as the subject and the
2000-
content box as the positioning area. <a href="#CSS21"
2001-
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> <a href="#CSS3BG"
2002-
rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a>
1996+
alignment of the replaced element inside its box. The <a
1997+
href="//www.w3.org/TR/css3-values/#position"><i>&lt;position></i></a>
1998+
value type (which is also used for &lsquo;<code
1999+
class=property>background-position</code>&rsquo;) is defined in <a
2000+
href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>, and is
2001+
resolved using the <a href="#concrete-object-size"><i>concrete object
2002+
size</i></a> as the object area and the content box as the positioning
2003+
area.
20032004

20042005
<p class=note>Note that areas of the box not covered by the replaced
20052006
element will show the element's background.
@@ -2485,16 +2486,6 @@ <h3 class=no-num id=normative-references>Normative references</h3>
24852486
</dd>
24862487
<!---->
24872488

2488-
<dt id=CSS3BG>[CSS3BG]
2489-
2490-
<dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a
2491-
href="http://www.w3.org/TR/2011/CR-css3-background-20110215"><cite>CSS
2492-
Backgrounds and Borders Module Level 3.</cite></a> 15 February 2011. W3C
2493-
Candidate Recommendation. (Work in progress.) URL: <a
2494-
href="http://www.w3.org/TR/2011/CR-css3-background-20110215">http://www.w3.org/TR/2011/CR-css3-background-20110215</a>
2495-
</dd>
2496-
<!---->
2497-
24982489
<dt id=CSS3VAL>[CSS3VAL]
24992490

25002491
<dd>H&#229;kon Wium Lie; Tab Atkins; Elika J. Etemad. <a
@@ -2563,6 +2554,16 @@ <h3 class=no-num id=other-references>Other references</h3>
25632554
</dd>
25642555
<!---->
25652556

2557+
<dt id=CSS3BG>[CSS3BG]
2558+
2559+
<dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a
2560+
href="http://www.w3.org/TR/2011/CR-css3-background-20110215"><cite>CSS
2561+
Backgrounds and Borders Module Level 3.</cite></a> 15 February 2011. W3C
2562+
Candidate Recommendation. (Work in progress.) URL: <a
2563+
href="http://www.w3.org/TR/2011/CR-css3-background-20110215">http://www.w3.org/TR/2011/CR-css3-background-20110215</a>
2564+
</dd>
2565+
<!---->
2566+
25662567
<dt id=CSS3COLOR>[CSS3COLOR]
25672568

25682569
<dd>Tantek &#199;elik; Chris Lilley; L. David Baron. <a
@@ -2716,8 +2717,7 @@ <h2 class=no-num id=index>Index</h2>
27162717
title=paint-source><strong>3.3.</strong></a>
27172718

27182719
<li>&lt;position>, <a href="#ltposition"
2719-
title="&lt;position>"><strong>4.2.1.</strong></a>, <a href="#ltposition0"
2720-
title="&lt;position>"><strong>5.5.</strong></a>
2720+
title="&lt;position>"><strong>4.2.1.</strong></a>
27212721

27222722
<li>renderer, <a href="#renderer" title=renderer><strong>7.2.</strong></a>
27232723

css3-images/Overview.src.html

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -645,10 +645,7 @@ <h4 class='no-toc' id='radial-gradient-syntax'>
645645
<dl>
646646

647647
<dt id='radial-position'><dfn>&lt;position></dfn></dt>
648-
<dd>Determines the center of the gradient. The <a href="//www.w3.org/TR/css3-values/#position"><i>&lt;position></i></a> notation
649-
is defined in [[!CSS3VAL]], and is resolved using the center-point as the object area and
650-
the <i>gradient box</i> as the positioning area.
651-
If this argument is omitted, it defaults to ''center''.
648+
<dd>Determines the center of the gradient. The <a href="//www.w3.org/TR/css3-values/#position"><i>&lt;position></i></a> value type (which is also used for 'background-position') is defined in [[!CSS3VAL]], and is resolved using the center-point as the object area and the <i>gradient box</i> as the positioning area. If this argument is omitted, it defaults to ''center''.
652649

653650
<dt id='radial-shape'><dfn>&lt;shape></dfn></dt>
654651
<dd>Can be either ''circle'' or ''ellipse''; determines whether the
@@ -1316,8 +1313,8 @@ <h3 id="object-position">
13161313
<td>specified value
13171314
</table>
13181315

1319-
<p>The 'object-position' property determines the alignment of the replaced element inside its box. The <dfn><code>&lt;position></code></dfn> value type is defined as the positioning syntax of '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>' and is resolved in the same way, using the image as the subject and the content box as the positioning area. [[!CSS21]] [[!CSS3BG]]</p>
1320-
1316+
<p>The 'object-position' property determines the alignment of the replaced element inside its box. The <a href="//www.w3.org/TR/css3-values/#position"><i>&lt;position></i></a> value type (which is also used for 'background-position') is defined in [[!CSS3VAL]], and is resolved using the <i>concrete object size</i> as the object area and the content box as the positioning area.
1317+
13211318
<p class="note">Note that areas of the box not covered by the replaced
13221319
element will show the element's background.</p>
13231320

0 commit comments

Comments
 (0)