|
15 | 15 |
|
16 | 16 | <h1>CSS Images Module Level 3</h1> |
17 | 17 |
|
18 | | - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 24 August 2010</h2> |
| 18 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 August 2010</h2> |
19 | 19 |
|
20 | 20 | <dl> |
21 | 21 | <dt>This version:</dt> |
22 | | - <!-- <dd><a href="http://www.w3.org/TR/2010/CR-css3-images-20100824/">http://www.w3.org/TR/2010/CR-css3-images-20100824/</a></dd> --> |
| 22 | + <!-- <dd><a href="http://www.w3.org/TR/2010/CR-css3-images-20100825/">http://www.w3.org/TR/2010/CR-css3-images-20100825/</a></dd> --> |
23 | 23 |
|
24 | 24 | <dd><a |
25 | 25 | href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a> |
@@ -1282,6 +1282,12 @@ <h3 id=object-fit><span class=secno>6.3. </span>The ‘<a |
1282 | 1282 | class=property>image-position</code>’ property for positioning the |
1283 | 1283 | object with respect to the element's box.</p> |
1284 | 1284 |
|
| 1285 | + <p>UAs may support ‘<code class=property>image-fit</code>’ as |
| 1286 | + an alias for ‘<a href="#object-fit0"><code |
| 1287 | + class=property>object-fit</code></a>’ when parsing CSS declarations |
| 1288 | + if they need to accommodate existing content that uses the ‘<code |
| 1289 | + class=property>image-fit</code>’ property name.</p> |
| 1290 | + |
1285 | 1291 | <p class=note>Note: the ‘<a href="#object-fit0"><code |
1286 | 1292 | class=property>object-fit</code></a>’ property has similar |
1287 | 1293 | semantics to the fit attribute in <a href="#SMIL10" |
@@ -1365,81 +1371,18 @@ <h3 id=object-position><span class=secno>6.4. </span>The ‘<a |
1365 | 1371 | alignment of the replaced element inside its box. The values have the |
1366 | 1372 | same meaning as the values for the <a |
1367 | 1373 | href="/TR/CSS21/colors.html#propdef-background-position">‘<code |
1368 | | - class=property>background-position</code>’</a> property. <a |
| 1374 | + class=property>background-position</code>’</a> property, using the |
| 1375 | + image as the image and the content box as the positioning area. <a |
1369 | 1376 | href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a></p> |
1370 | 1377 |
|
1371 | | - <dl> |
1372 | | - <dt><percentage> <percentage> |
1373 | | - |
1374 | | - <dd>With a value pair of ‘<code class=css>0% 0%</code>’, the |
1375 | | - upper left corner of the image is aligned with the upper left corner of |
1376 | | - the box's padding edge. A value pair of '100% 100%‘<code |
1377 | | - class=css> places the lower right corner of the image in the lower right |
1378 | | - corner of padding area. With a value pair of </code>’14% |
1379 | | - 84%‘<code class=css>, the point 14% across and 84% down the image |
1380 | | - is to be placed at the point 14% across and 84% down the padding |
1381 | | - area.</code> |
1382 | | - |
1383 | | - <dt><length> <length> |
1384 | | - |
1385 | | - <dd>With a value pair of ’2cm 2cm', the upper left corner of the |
1386 | | - image is placed 2cm to the right and 2cm below the upper left corner of |
1387 | | - the padding area. |
1388 | | - |
1389 | | - <dt>‘<code class=css>top left</code>’, ‘<code |
1390 | | - class=css>left top</code>’ |
1391 | | - |
1392 | | - <dd>Same as ‘<code class=css>0% 0%</code>’. |
1393 | | - |
1394 | | - <dt>‘<code class=property>top</code>’, ‘<code |
1395 | | - class=css>top center</code>’, ‘<code class=css>center |
1396 | | - top</code>’ |
1397 | | - |
1398 | | - <dd>Same as ‘<code class=css>50% 0%</code>’. |
1399 | | - |
1400 | | - <dt>‘<code class=css>right top</code>’, ‘<code |
1401 | | - class=css>top right</code>’ |
1402 | | - |
1403 | | - <dd>Same as ‘<code class=css>100% 0%</code>’. |
1404 | | - |
1405 | | - <dt>‘<code class=property>left</code>’, ‘<code |
1406 | | - class=css>left center</code>’, ‘<code class=css>center |
1407 | | - left</code>’ |
1408 | | - |
1409 | | - <dd>Same as ‘<code class=css>0% 50%</code>’. |
1410 | | - |
1411 | | - <dt>‘<code class=property>center</code>’, ‘<code |
1412 | | - class=css>center center</code>’ |
1413 | | - |
1414 | | - <dd>Same as ‘<code class=css>50% 50%</code>’. |
1415 | | - |
1416 | | - <dt>‘<code class=property>right</code>’, ‘<code |
1417 | | - class=css>right center</code>’, ‘<code class=css>center |
1418 | | - right</code>’ |
1419 | | - |
1420 | | - <dd>Same as ‘<code class=css>100% 50%</code>’. |
1421 | | - |
1422 | | - <dt>‘<code class=css>bottom left</code>’, ‘<code |
1423 | | - class=css>left bottom</code>’ |
1424 | | - |
1425 | | - <dd>Same as ‘<code class=css>0% 100%</code>’. |
1426 | | - |
1427 | | - <dt>‘<code class=property>bottom</code>’, ‘<code |
1428 | | - class=css>bottom center</code>’, ‘<code class=css>center |
1429 | | - bottom</code>’ |
1430 | | - |
1431 | | - <dd>Same as ‘<code class=css>50% 100%</code>’. |
1432 | | - |
1433 | | - <dt>‘<code class=css>bottom right</code>’, ‘<code |
1434 | | - class=css>right bottom</code>’ |
1435 | | - |
1436 | | - <dd>Same as ‘<code class=css>100% 100%</code>’. |
1437 | | - </dl> |
1438 | | - |
1439 | | - <p>The computed value is the same as the specified value.</p> |
| 1378 | + <p class=note>Note that areas of the box not covered by the replaced |
| 1379 | + element will show the element's background.</p> |
1440 | 1380 |
|
1441 | | - <p class=note>Note: areas of the box not covered by the replaced element |
1442 | | - will show the element's background.</p> |
| 1381 | + <p>UAs may support ‘<code class=property>image-fit</code>’ as |
| 1382 | + an alias for ‘<a href="#object-fit0"><code |
| 1383 | + class=property>object-fit</code></a>’ when parsing CSS declarations |
| 1384 | + if they need to accommodate existing content that uses the ‘<code |
| 1385 | + class=property>image-fit</code>’ property name.</p> |
1443 | 1386 | </div> |
1444 | 1387 |
|
1445 | 1388 | <h2 class=no-num id=acknowledgments>Acknowledgments</h2> |
|
0 commit comments