Skip to content

Commit 3ad71e2

Browse files
committed
Made radial-gradient use <position> too.
1 parent 5edfc13 commit 3ad71e2

2 files changed

Lines changed: 11 additions & 15 deletions

File tree

css3-images/Overview.html

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -841,7 +841,7 @@ <h4 class=no-toc id=radial-gradient-syntax><span class=secno>5.2.1. </span>
841841

842842
<pre class=prod>
843843
<dfn id=ltradial-gradient>&lt;radial-gradient></dfn> = radial-gradient(
844-
[&lt;bg-position&gt;,]?
844+
[&lt;position&gt;,]?
845845
[[
846846
[&lt;shape&gt; || &lt;size&gt;]
847847
|
@@ -852,11 +852,12 @@ <h4 class=no-toc id=radial-gradient-syntax><span class=secno>5.2.1. </span>
852852
</pre>
853853

854854
<p>The first argument to the function specifies the center of the ellipse.
855-
<code>&lt;bg-position></code> comes from the <a
856-
href="http://dev.w3.org/csswg/css3-background/#ltbg-positiongt">Backgrounds
857-
&amp; Borders Module</a>, and is resolved in the same way, except relative
858-
to the box rather than the background canvas. <span class=note>(Of course,
859-
in many circumstances these will be the same.)</span>
855+
The <a href="#ltposition"><code>&lt;position></code></a> value type is
856+
defined as the positioning syntax of &lsquo;<code class=css><a
857+
href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a></code>&rsquo;
858+
and is resolved in the same way, using the center-point as the subject and
859+
the content box as the positioning area. <a href="#CSS21"
860+
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> [[!CSS3BACKGROUND]]
860861

861862
<p>If this argument is omitted, it defaults to &lsquo;<code
862863
class=css>center</code>&rsquo;.
@@ -1809,7 +1810,7 @@ <h3 id=object-position><span class=secno>6.5. </span> Positioning Objects:
18091810
id=ltposition><code>&lt;position></code></dfn> value type is defined as
18101811
the positioning syntax of &lsquo;<code class=css><a
18111812
href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a></code>&rsquo;
1812-
and is resolved in the same way, using the image as the image and the
1813+
and is resolved in the same way, using the image as the subject and the
18131814
content box as the positioning area. <a href="#CSS21"
18141815
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> [[!CSS3BACKGROUND]]
18151816

css3-images/Overview.src.html

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -546,7 +546,7 @@ <h4 class='no-toc' id='radial-gradient-syntax'>
546546

547547
<pre class=prod>
548548
<dfn>&lt;radial-gradient></dfn> = radial-gradient(
549-
[&lt;bg-position&gt;,]?
549+
[&lt;position&gt;,]?
550550
[[
551551
[&lt;shape&gt; || &lt;size&gt;]
552552
|
@@ -556,7 +556,7 @@ <h4 class='no-toc' id='radial-gradient-syntax'>
556556
)
557557
</pre>
558558

559-
<p>The first argument to the function specifies the center of the ellipse. <code>&lt;bg-position></code> comes from the <a href="http://dev.w3.org/csswg/css3-background/#ltbg-positiongt">Backgrounds &amp; Borders Module</a>, and is resolved in the same way, except relative to the box rather than the background canvas. <span class='note'>(Of course, in many circumstances these will be the same.)</span></p>
559+
<p>The first argument to the function specifies the center of the ellipse. The <code>&lt;position></code> 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 center-point as the subject and the content box as the positioning area. [[!CSS21]] [[!CSS3BACKGROUND]]</p>
560560

561561
<p>If this argument is omitted, it defaults to ''center''.</p>
562562

@@ -1267,12 +1267,7 @@ <h3 id="object-position">
12671267
<td>specified value
12681268
</table>
12691269

1270-
<p>The 'object-position' property determines the alignment of the replaced
1271-
element inside its box. The <dfn><code>&lt;position></code></dfn> value
1272-
type is defined as the positioning syntax of
1273-
'<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>'
1274-
and is resolved in the same way, using the image as the image and the
1275-
content box as the positioning area. [[!CSS21]] [[!CSS3BACKGROUND]]</p>
1270+
<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]] [[!CSS3BACKGROUND]]</p>
12761271

12771272
<p class="note">Note that areas of the box not covered by the replaced
12781273
element will show the element's background.</p>

0 commit comments

Comments
 (0)