|
55 | 55 | <h1 class="p-name no-ref" id=title>CSS Image Values and Replaced Content Module Level 4</h1> |
56 | 56 | <h2 class="no-num no-toc no-ref heading settled" id=subtitle><span class=content>Editor’s Draft, |
57 | 57 | <span class=dt-updated><span class=value-title title=20140923>23 September 2014</span></span></span></h2> |
58 | | - <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-images-4/>http://dev.w3.org/csswg/css-images-4/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css4-images/>http://www.w3.org/TR/css4-images/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2012/WD-css4-images-20120911/ rel=previous>http://www.w3.org/TR/2012/WD-css4-images-20120911/</a><dt>Feedback:<dd><span><a href="mailto:www-style@w3.org?subject=[css-images] feedback">www-style@w3.org</a> with subject line “<kbd>[css-images] <var>… message topic …</var></kbd>” (<a href=http://lists.w3.org/Archives/Public/www-style/ rel=discussion>archives</a>)</span><dt>Editors:<dd><div class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://xanthir.com/contact/>Tab Atkins Jr.</a> (<span class="p-org org">Google</span>)</div><dd><div class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://fantasai.inkedblade.net/contact>fantasai</a> (<span class="p-org org">Mozilla</span>)</div><dt>Issue Tracking:<dd><span><a href=http://www.w3.org/Style/CSS/Tracker/products/27>http://www.w3.org/Style/CSS/Tracker/products/27</a></span></dl></div> |
| 58 | + <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-images-3/>http://dev.w3.org/csswg/css-images-3/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-images/>http://www.w3.org/TR/css-images/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/ rel=previous>http://www.w3.org/TR/2012/CR-css3-images-20120417/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-images-20120112/ rel=previous>http://www.w3.org/TR/2012/WD-css3-images-20120112/</a><dt>Feedback:<dd><span><a href="mailto:www-style@w3.org?subject=[css-images] feedback">www-style@w3.org</a> with subject line “<kbd>[css-images] <var>… message topic …</var></kbd>” (<a href=http://lists.w3.org/Archives/Public/www-style/ rel=discussion>archives</a>)</span><dt>Editors:<dd><div class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://xanthir.com/contact/>Tab Atkins Jr.</a> (<span class="p-org org">Google</span>)</div><dd><div class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://fantasai.inkedblade.net/contact>fantasai</a> (<span class="p-org org">Mozilla</span>)</div><dt>Issue Tracking:<dd><span><a href=http://www.w3.org/Style/CSS/Tracker/products/27>http://www.w3.org/Style/CSS/Tracker/products/27</a></span></dl></div> |
59 | 59 | <div data-fill-with=warning></div> |
60 | 60 | <p class=copyright data-fill-with=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a> © 2014 <a href=http://www.w3.org/><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href=http://www.csail.mit.edu/><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href=http://www.ercim.eu/><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href=http://www.keio.ac.jp/>Keio</a>, <a href=http://ev.buaa.edu.cn/>Beihang</a>), All Rights Reserved. W3C <a href=http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer>liability</a>, <a href=http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks>trademark</a> and <a href=http://www.w3.org/Consortium/Legal/copyright-documents>document use</a> rules apply. |
61 | 61 | </p> |
62 | 62 | <hr title="Separator for header"> |
63 | 63 | </div> |
64 | 64 |
|
65 | 65 | <h2 class="no-num no-toc no-ref heading settled" id=abstract><span class=content>Abstract</span></h2> |
66 | | -<div class=p-summary data-fill-with=abstract><p>This module contains the features of CSS level 4 relating to the <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> type and replaced elements. It includes and extends the functionality of CSS Image Values and Replaced Content Module Level 3. The main extensions compared to level 3 are several additions to the <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> type, additions to the <a class="production css" data-link-type=type href=#typedef-gradient title="<gradient>"><gradient></a> type, extentions to the <a class=css data-link-type=maybe href=#funcdef-image title=image()>image()</a> function, definitions for interpolating several <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> types, and several properties controlling the interaction of replaced elements and CSS’s layout models.</p> |
| 66 | +<div class=p-summary data-fill-with=abstract><p>This module contains the features of CSS level 3 relating to the <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> type and replaced elements. It includes and extends the functionality of CSS level 2 <a data-biblio-type=informative data-link-type=biblio href=#biblio-css21 title=CSS21>[CSS21]</a>. The main extensions compared to level 3 are the generalization of the <a class="production css" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#url-value title="<url>"><url></a> type to the <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> type, several additions to the <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> type, a generic sizing algorithm for images and other replaced content in CSS, definitions for interpolating several <a class="production css" data-link-type=type href=#typedef-image title="<image>"><image></a> types, and several properties controlling the interaction of replaced elements and CSS’s layout models.</p> |
67 | 67 |
|
68 | 68 | <a href=http://www.w3.org/TR/CSS/>CSS</a> is a language for describing the rendering of structured documents |
69 | 69 | (such as HTML and XML) |
@@ -159,15 +159,14 @@ <h2 class="heading settled" data-level=1 id=intro><span class=secno>1 </span><sp |
159 | 159 | image values, such as those used in the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-3/#background-image title=background-image>background-image</a> property, |
160 | 160 | could only be given by a single URL value. |
161 | 161 | This module introduces additional ways of representing 2D images, |
162 | | - for example as <a href=#image-notation>a URL with color fallback</a>, |
163 | | - as <a href=#element-image-type>a reference to an element</a>, |
164 | | - or as <a href=#gradients>a gradient</a>.</p> |
| 162 | + for example as <a data-section="" href=#image-notation>a URL with color fallback</a> |
| 163 | + or as <a data-section="" href=#gradients>a gradient</a>.</p> |
165 | 164 |
|
166 | | -<p>This module also defines several properties for <a href=#image-processing>manipulating raster images</a> |
167 | | - and for <a href=#object-fit>sizing</a> |
168 | | - or <a href=#object-position>positioning</a> |
| 165 | +<p>This module also defines several properties for <a data-section="" href=#image-processing>manipulating raster images</a> |
| 166 | + and for <a data-section="" href=#the-object-fit>sizing</a> |
| 167 | + or <a data-section="" href=#the-object-position>positioning</a> |
169 | 168 | replaced elements such as images within the box determined by the CSS layout algorithms. |
170 | | - It also defines in a generic way CSS’s <a href=#sizing>sizing algorithm</a> for images and other replaced elements.</p> |
| 169 | + It also defines in a generic way CSS’s <a data-section="" href=#sizing>sizing algorithm</a> for images and other replaced elements.</p> |
171 | 170 |
|
172 | 171 |
|
173 | 172 | <h2 class="heading settled" data-level=2 id=image-values><span class=secno>2 </span><span class=content> |
|
0 commit comments