Skip to content

Commit ac354a4

Browse files
committed
Simplified 'object-position' to just use <bg-position>, like radial gradients.
1 parent cc6fdc4 commit ac354a4

2 files changed

Lines changed: 9 additions & 16 deletions

File tree

css3-images/Overview.html

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1768,9 +1768,7 @@ <h3 id=object-position><span class=secno>6.5. </span> Positioning Objects:
17681768
<tr>
17691769
<th>Value:
17701770

1771-
<td>[ [ &lt;percentage> | &lt;length> | left | center | right ] [
1772-
&lt;percentage> | &lt;length> | top | center | bottom ]? ] | [ [ left |
1773-
center | right ] || [ top | center | bottom ] ]
1771+
<td>&lt;bg-position>
17741772

17751773
<tr>
17761774
<th>Initial:
@@ -1805,12 +1803,12 @@ <h3 id=object-position><span class=secno>6.5. </span> Positioning Objects:
18051803

18061804
<p>The &lsquo;<a href="#object-position0"><code
18071805
class=property>object-position</code></a>&rsquo; property determines the
1808-
alignment of the replaced element inside its box. The values have the same
1809-
meaning as the values for the <a
1810-
href="http://w3.org/TR/CSS21/colors.html#propdef-background-position">&lsquo;<code
1811-
class=property>background-position</code>&rsquo;</a> property, using the
1812-
image as the image and the content box as the positioning area. <a
1813-
href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
1806+
alignment of the replaced element inside its box.
1807+
<code>&lt;bg-position></code> comes from the <a
1808+
href="http://dev.w3.org/csswg/css3-background/#ltbg-positiongt">Backgrounds
1809+
&amp; Borders Module</a>, and is resolved in the same way, using the image
1810+
as the image and the content box as the positioning area. <a href="#CSS21"
1811+
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
18141812

18151813
<p class=note>Note that areas of the box not covered by the replaced
18161814
element will show the element's background.

css3-images/Overview.src.html

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1242,8 +1242,7 @@ <h3 id="object-position">
12421242
<td><dfn>object-position</dfn>
12431243
<tr>
12441244
<th>Value:
1245-
<td>[ [ &lt;percentage> | &lt;length> | left | center | right ] [ &lt;percentage> | &lt;length> | top | center | bottom ]? ] | [
1246-
[ left | center | right ] || [ top | center | bottom ] ]
1245+
<td>&lt;bg-position>
12471246
<tr>
12481247
<th>Initial:
12491248
<td>50% 50%
@@ -1264,11 +1263,7 @@ <h3 id="object-position">
12641263
<td>specified value
12651264
</table>
12661265

1267-
<p>The 'object-position' property determines the alignment of the replaced
1268-
element inside its box. The values have the same meaning as the values for
1269-
the <a href="http://w3.org/TR/CSS21/colors.html#propdef-background-position">'background-position'</a>
1270-
property, using the image as the image and the content box as the positioning
1271-
area. [[!CSS21]]</p>
1266+
<p>The 'object-position' property determines the alignment of the replaced element inside its box. <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, using the image as the image and the content box as the positioning area. [[!CSS21]]</p>
12721267

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

0 commit comments

Comments
 (0)