|
21 | 21 | </a></p> |
22 | 22 | <h1 class="p-name no-ref" id=title>CSS Shapes Module Level 1</h1> |
23 | 23 | <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=20131010>10 October 2013</span></span></span></h2> |
| 24 | + <span class=dt-updated><span class=value-title title=20131017>17 October 2013</span></span></span></h2> |
25 | 25 | <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> |
26 | 26 | <dt>Feedback:</dt> |
27 | 27 | <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-shapes%5D%20feedback">www-style@w3.org</a> |
@@ -378,10 +378,11 @@ <h3 class="heading settled heading" data-level=3.1 id=supported-basic-shapes><sp |
378 | 378 | </li> |
379 | 379 | </ul> |
380 | 380 | </dd> |
381 | | - <dt><dfn class=css-code data-dfn-type=function data-export="" id=funcdef-inset-rectangle title=inset-rectangle()>inset-rectangle()<a class=self-link href=#funcdef-inset-rectangle></a></dfn> = |
382 | | - inset-rectangle( <a class="production css-code" data-link-type=type href=#typedef-shape-arg title="<shape-arg>"><shape-arg></a>{1,4} [ round <<a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-4/#border-radius title=border-radius>border-radius</a>> ]? ) |
| 381 | + <dt><dfn class=css-code data-dfn-type=function data-export="" id=funcdef-inset title=inset()>inset()<a class=self-link href=#funcdef-inset></a></dfn> = |
| 382 | + inset( <a class="production css-code" data-link-type=type href=#typedef-shape-arg title="<shape-arg>"><shape-arg></a>{1,4} [ round <<a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-4/#border-radius title=border-radius>border-radius</a>> ]? ) |
383 | 383 | </dt> |
384 | 384 | <dd> |
| 385 | + Defines an inset rectangle. |
385 | 386 | <ul> |
386 | 387 | <li> |
387 | 388 | The first four arguments represent the |
@@ -531,11 +532,11 @@ <h3 class="heading settled heading" data-level=3.2 id=basic-shape-interpolation> |
531 | 532 | </ul> |
532 | 533 | </li> |
533 | 534 | <li> |
534 | | - If one basic shape is an inset-rectangle |
| 535 | + If one basic shape is an inset rectangle |
535 | 536 | and the second is of type rectangle, circle or ellipse: |
536 | 537 | <ul> |
537 | 538 | <li> |
538 | | - Replace the inset-rectangle with |
| 539 | + Replace the inset rectangle with |
539 | 540 | a temporary rectangle of equal dimension. |
540 | 541 | </li> |
541 | 542 | <li> |
@@ -663,7 +664,7 @@ <h3 class="heading settled heading" data-level=5.1 id=shape-outside-property><sp |
663 | 664 | <dt><dfn class=css-code data-dfn-for=shape-outside data-dfn-type=value data-export="" id=valuedef-basic-shape><a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>"><basic-shape></a><a class=self-link href=#valuedef-basic-shape></a></dfn></dt> |
664 | 665 | <dd> |
665 | 666 | The shape is computed based on the values of one |
666 | | - of <a class=css data-link-type=maybe href=#funcdef-rectangle title=rectangle()>rectangle()</a>, <a class=css data-link-type=maybe href=#funcdef-inset-rectangle title=inset-rectangle()>inset-rectangle()</a>, <a class=css data-link-type=maybe href=#funcdef-circle title=circle()>circle()</a>, <a class=css data-link-type=maybe href=#funcdef-ellipse title=ellipse()>ellipse()</a> |
| 667 | + of <a class=css data-link-type=maybe href=#funcdef-rectangle title=rectangle()>rectangle()</a>, <a class=css data-link-type=maybe href=#funcdef-inset title=inset()>inset()</a>, <a class=css data-link-type=maybe href=#funcdef-circle title=circle()>circle()</a>, <a class=css data-link-type=maybe href=#funcdef-ellipse title=ellipse()>ellipse()</a> |
667 | 668 | or <a class=css data-link-type=maybe href=#funcdef-polygon title=polygon()>polygon()</a>. |
668 | 669 | </dd> |
669 | 670 |
|
@@ -828,6 +829,7 @@ <h2 class="no-num heading settled heading" id=change-log><span class=content> |
828 | 829 | <h3 class="no-num heading settled heading" id=20130620><span class=content> |
829 | 830 | 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> |
830 | 831 | <ul> |
| 832 | + <li>Change inset-rectangle() to inset()</li> |
831 | 833 | <li>Much basic shape syntax bikeshedding</li> |
832 | 834 | <li>Use Concrete Object Size Resolution from CSS3-IMAGES in shape from image</li> |
833 | 835 | <li>Future-proof shape-image-threshold to possibly apply to luminance</li> |
@@ -1011,7 +1013,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content> |
1011 | 1013 | <li><fill-rule>, <a href=#typedef-fill-rule title="section 3.1">3.1</a> |
1012 | 1014 | <li>Float area, <a href=#float-area title="section 1.3">1.3</a> |
1013 | 1015 | <li><image>, <a href=#valuedef-image title="section 5.1">5.1</a> |
1014 | | -<li>inset-rectangle(), <a href=#funcdef-inset-rectangle title="section 3.1">3.1</a> |
| 1016 | +<li>inset(), <a href=#funcdef-inset title="section 3.1">3.1</a> |
1015 | 1017 | <li><length>, <a href=#valuedef-length title="section 5.3">5.3</a> |
1016 | 1018 | <li><number>, <a href=#valuedef-number title="section 5.2">5.2</a> |
1017 | 1019 | <li><percentage>, <a href=#valuedef-percentage title="section 5.3">5.3</a> |
|
0 commit comments