Skip to content

Commit f80fb07

Browse files
astearnsastearns
committed
[css-shapes] fix shape-from-image sizing and positioning
1 parent 6da2c87 commit f80fb07

2 files changed

Lines changed: 12 additions & 8 deletions

File tree

‎css-shapes/Overview.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
</a></p>
2222
<h1 class="p-name no-ref" id=title>CSS Shapes Module Level 1</h1>
2323
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
24-
<span class=dt-updated><span class=value-title title=20131017>17 October 2013</span></span></span></h2>
24+
<span class=dt-updated><span class=value-title title=20131018>18 October 2013</span></span></span></h2>
2525
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-shapes/>http://dev.w3.org/csswg/css-shapes/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-shapes/>http://www.w3.org/TR/css-shapes/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-shapes/>http://dev.w3.org/csswg/css-shapes/</a>
2626
<dt>Feedback:</dt>
2727
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-shapes%5D%20feedback">www-style@w3.org</a>
@@ -576,9 +576,10 @@ <h2 class="heading settled heading" data-level=4 id=shapes-from-image><span clas
576576
If the <a class=property data-link-type=propdesc href=#propdef-shape-image-threshold title=shape-image-threshold>shape-image-threshold</a> is not specified,
577577
the initial value to be considered is 0.0.
578578

579-
<p> Sizing the shape from an image follows the
580-
<a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/#concrete-size-resolution>Concrete Object Size Resolution</a>
581-
section from <a data-biblio-type=normative data-link-type=biblio href=#css3-images title=css3-images>[CSS3-IMAGES]</a>.
579+
<p> The image is sized and positioned
580+
as if it were a replaced element
581+
with a specified width and height
582+
of the element’s used content-box size.
582583

583584
<p> For animated raster image formats (such as
584585
<a href=http://www.w3.org/Graphics/GIF/spec-gif89a.txt>GIF</a>),
@@ -829,6 +830,7 @@ <h2 class="no-num heading settled heading" id=change-log><span class=content>
829830
<h3 class="no-num heading settled heading" id=20130620><span class=content>
830831
Since <a href=http://www.w3.org/TR/2013/WD-css-shapes-1-20130620/>June 20th 2013</a></span><a class=self-link href=#20130620></a></h3>
831832
<ul>
833+
<li>Clarified shape-from-image sizing and positioning</li>
832834
<li>Change inset-rectangle() to inset()</li>
833835
<li>Much basic shape syntax bikeshedding</li>
834836
<li>Use Concrete Object Size Resolution from CSS3-IMAGES in shape from image</li>
@@ -996,7 +998,7 @@ <h2 class="no-num no-ref heading settled heading" id=references><span class=cont
996998

997999
<h3 class="no-num no-ref heading settled heading" id=normative><span class=content>
9981000
Normative References</span><a class=self-link href=#normative></a></h3>
999-
<div data-fill-with=normative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3-images title=CSS3-IMAGES><a class=self-link href=#css3-images></a>[CSS3-IMAGES]<dd>Elika J. Etemad; Tab Atkins Jr.. <a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/>CSS Image Values and Replaced Content Module Level 3</a>. 17 April 2012. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/CR-css3-images-20120417/>http://www.w3.org/TR/2012/CR-css3-images-20120417/</a><dt id=css3box title=CSS3BOX><a class=self-link href=#css3box></a>[CSS3BOX]<dd>Bert Bos. <a href=http://www.w3.org/TR/2007/WD-css3-box-20070809>CSS basic box model</a>. 9 August 2007. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2007/WD-css3-box-20070809>http://www.w3.org/TR/2007/WD-css3-box-20070809</a><dt id=css3ui title=CSS3UI><a class=self-link href=#css3ui></a>[CSS3UI]<dd>Tantek Çelik. <a href=http://www.w3.org/TR/2012/WD-css3-ui-20120117/>CSS Basic User Interface Module Level 3 (CSS3 UI)</a>. 17 January 2012. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/WD-css3-ui-20120117/>http://www.w3.org/TR/2012/WD-css3-ui-20120117/</a><dt id=css3val title=CSS3VAL><a class=self-link href=#css3val></a>[CSS3VAL]<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>CSS Values and Units Module Level 3</a>. 30 July 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>http://www.w3.org/TR/2013/CR-css3-values-20130730/</a><dt id=html5 title=HTML5><a class=self-link href=#html5></a>[HTML5]<dd>Robin Berjon; et al. <a href=http://www.w3.org/TR/2013/CR-html5-20130806/>HTML5</a>. 6 August 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-html5-20130806/>http://www.w3.org/TR/2013/CR-html5-20130806/</a><dt id=rfc2119 title=RFC2119><a class=self-link href=#rfc2119></a>[RFC2119]<dd>S. Bradner. <a href=http://www.ietf.org/rfc/rfc2119.txt>Key words for use in RFCs to Indicate Requirement Levels</a>. URL: <a href=http://www.ietf.org/rfc/rfc2119.txt>http://www.ietf.org/rfc/rfc2119.txt</a></dl></div>
1001+
<div data-fill-with=normative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3box title=CSS3BOX><a class=self-link href=#css3box></a>[CSS3BOX]<dd>Bert Bos. <a href=http://www.w3.org/TR/2007/WD-css3-box-20070809>CSS basic box model</a>. 9 August 2007. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2007/WD-css3-box-20070809>http://www.w3.org/TR/2007/WD-css3-box-20070809</a><dt id=css3ui title=CSS3UI><a class=self-link href=#css3ui></a>[CSS3UI]<dd>Tantek Çelik. <a href=http://www.w3.org/TR/2012/WD-css3-ui-20120117/>CSS Basic User Interface Module Level 3 (CSS3 UI)</a>. 17 January 2012. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2012/WD-css3-ui-20120117/>http://www.w3.org/TR/2012/WD-css3-ui-20120117/</a><dt id=css3val title=CSS3VAL><a class=self-link href=#css3val></a>[CSS3VAL]<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>CSS Values and Units Module Level 3</a>. 30 July 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>http://www.w3.org/TR/2013/CR-css3-values-20130730/</a><dt id=html5 title=HTML5><a class=self-link href=#html5></a>[HTML5]<dd>Robin Berjon; et al. <a href=http://www.w3.org/TR/2013/CR-html5-20130806/>HTML5</a>. 6 August 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-html5-20130806/>http://www.w3.org/TR/2013/CR-html5-20130806/</a><dt id=rfc2119 title=RFC2119><a class=self-link href=#rfc2119></a>[RFC2119]<dd>S. Bradner. <a href=http://www.ietf.org/rfc/rfc2119.txt>Key words for use in RFCs to Indicate Requirement Levels</a>. URL: <a href=http://www.ietf.org/rfc/rfc2119.txt>http://www.ietf.org/rfc/rfc2119.txt</a></dl></div>
10001002

10011003
<h3 class="no-num no-ref heading settled heading" id=informative><span class=content>
10021004
Informative References</span><a class=self-link href=#informative></a></h3>

‎css-shapes/Overview.src.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -501,9 +501,10 @@ <h2 id="shapes-from-image">
501501
If the 'shape-image-threshold' is not specified,
502502
the initial value to be considered is 0.0.
503503

504-
Sizing the shape from an image follows the
505-
<a href="http://www.w3.org/TR/2012/CR-css3-images-20120417/#concrete-size-resolution">Concrete Object Size Resolution</a>
506-
section from [[!CSS3-IMAGES]].
504+
The image is sized and positioned
505+
as if it were a replaced element
506+
with a specified width and height
507+
of the element's used content-box size.
507508

508509
For animated raster image formats (such as
509510
<a href="http://www.w3.org/Graphics/GIF/spec-gif89a.txt">GIF</a>),
@@ -788,6 +789,7 @@ <h2 class="no-num" id="change-log">
788789
<h3 class="no-num" id="20130620">
789790
Since <a href="http://www.w3.org/TR/2013/WD-css-shapes-1-20130620/">June 20th 2013</a></h3>
790791
<ul>
792+
<li>Clarified shape-from-image sizing and positioning</li>
791793
<li>Change inset-rectangle() to inset()</li>
792794
<li>Much basic shape syntax bikeshedding</li>
793795
<li>Use Concrete Object Size Resolution from CSS3-IMAGES in shape from image</li>

0 commit comments

Comments
 (0)