drafts: diff css-exclusions/Overview.html

     1.1 --- a/css-exclusions/Overview.html	Mon Apr 22 17:07:17 2013 -0700
     1.2 +++ b/css-exclusions/Overview.html	Mon Apr 22 17:29:40 2013 -0700
     1.3 @@ -13,7 +13,7 @@
     1.4    <meta content="CSS Exclusions and Shapes Module Level 3"
     1.5     name=dcterms.title>
     1.6    <meta content=text name=dcterms.type>
     1.7 -  <meta content=2013-04-16 name=dcterms.date>
     1.8 +  <meta content=2013-04-23 name=dcterms.date>
     1.9    <meta content="Vincent Hardy" name=dcterms.creator>
    1.10    <meta content="Rossen Atanassov" name=dcterms.creator>
    1.11    <meta content="Alan Stearns" name=dcterms.creator>
    1.12 @@ -56,14 +56,14 @@
    1.13  
    1.14     <h1 id=css-exclusions-module>CSS Exclusions and Shapes Module Level 3</h1>
    1.15  
    1.16 -   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 April 2013</h2>
    1.17 +   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 23 April 2013</h2>
    1.18  
    1.19     <dl>
    1.20      <dt>This version:
    1.21  
    1.22      <dd><a
    1.23       href="http://dev.w3.org/csswg/css3-exclusions/">http://dev.w3.org/csswg/css3-exclusions/</a></dd>
    1.24 -    <!--<dd><a href="http://dev.w3.org/csswg/css3-exclusions/">http://www.w3.org/TR/2013/WD-css3-exclusions-20130416/</a></dd>-->
    1.25 +    <!--<dd><a href="http://dev.w3.org/csswg/css3-exclusions/">http://www.w3.org/TR/2013/WD-css3-exclusions-20130423/</a></dd>-->
    1.26  
    1.27      <dt>Latest version:
    1.28  
    1.29 @@ -1595,6 +1595,23 @@
    1.30        are invalid.
    1.31      </ul>
    1.32  
    1.33 +   <dt><dfn
    1.34 +    id=inset-rectangle>inset-rectangle</dfn>([&lt;length&gt;|&lt;percentage&gt;]{4}
    1.35 +    [ curve [&lt;length&gt;|&lt;percentage&gt;]{1,2} ]? )
    1.36 +
    1.37 +   <dd>
    1.38 +    <ul>
    1.39 +     <li> The four values represent the <strong>top, right, bottom</strong>
    1.40 +      and <strong>left</strong> insets that define the bounding box of the
    1.41 +      inset rectangle. Negative values for any of these insets are invalid.
    1.42 +
    1.43 +     <li> The two ‘<code class=property>curve</code>’ values represent
    1.44 +      <strong> rx</strong> and <strong>ry</strong>. For rounded inset
    1.45 +      rectangles they define the x-axis radius and y-axis radius of the
    1.46 +      ellipse used to round off the corners of the inset rectangle. Negative
    1.47 +      values for rx and ry are invalid.
    1.48 +    </ul>
    1.49 +
    1.50     <dt><dfn id=circle>circle</dfn>([&lt;length&gt;|&lt;percentage&gt;]{3})
    1.51  
    1.52     <dd>
    1.53 @@ -1713,6 +1730,15 @@
    1.54       <li>Interpolate between the two rectangles as above.
    1.55      </ul>
    1.56  
    1.57 +   <li>If one basic shape is an inset-rectangle and the second is of type
    1.58 +    rectangle, circle or ellipse:
    1.59 +    <ul>
    1.60 +     <li>Replace the inset-rectangle with a temporary rectangle of equal
    1.61 +      dimension.
    1.62 +
    1.63 +     <li>Interpolate between the basic shapes as above.
    1.64 +    </ul>
    1.65 +
    1.66     <li>If both basic shapes are of type polygon and if both polygons have the
    1.67      same number of vertices:
    1.68      <ul>
    1.69 @@ -1936,9 +1962,11 @@
    1.70  
    1.71     <dd> The shape is computed based on the values of one of ‘<a
    1.72      href="#rectangle"><code class=property>rectangle</code></a>’, ‘<a
    1.73 -    href="#circle"><code class=property>circle</code></a>’, ‘<a
    1.74 -    href="#ellipse"><code class=property>ellipse</code></a>’ or ‘<a
    1.75 -    href="#polygon"><code class=property>polygon</code></a>’.
    1.76 +    href="#inset-rectangle"><code
    1.77 +    class=property>inset-rectangle</code></a>’, ‘<a href="#circle"><code
    1.78 +    class=property>circle</code></a>’, ‘<a href="#ellipse"><code
    1.79 +    class=property>ellipse</code></a>’ or ‘<a href="#polygon"><code
    1.80 +    class=property>polygon</code></a>’.
    1.81    </dl>
    1.82  
    1.83    <dl>
    1.84 @@ -2075,9 +2103,11 @@
    1.85  
    1.86     <dd> The shape is computed based on the values of one of ‘<a
    1.87      href="#rectangle"><code class=property>rectangle</code></a>’, ‘<a
    1.88 -    href="#circle"><code class=property>circle</code></a>’, ‘<a
    1.89 -    href="#ellipse"><code class=property>ellipse</code></a>’ or ‘<a
    1.90 -    href="#polygon"><code class=property>polygon</code></a>’.
    1.91 +    href="#inset-rectangle"><code
    1.92 +    class=property>inset-rectangle</code></a>’, ‘<a href="#circle"><code
    1.93 +    class=property>circle</code></a>’, ‘<a href="#ellipse"><code
    1.94 +    class=property>ellipse</code></a>’ or ‘<a href="#polygon"><code
    1.95 +    class=property>polygon</code></a>’.
    1.96    </dl>
    1.97  
    1.98    <dl>
    1.99 @@ -2658,6 +2688,9 @@
   1.100     <li>Float area, <a href="#float-area"
   1.101      title="section 2."><strong>2.</strong></a>
   1.102  
   1.103 +   <li>inset-rectangle, <a href="#inset-rectangle"
   1.104 +    title="section 4.2.1."><strong>4.2.1.</strong></a>
   1.105 +
   1.106     <li>outside-inside, <a href="#outside-and-inside"
   1.107      title="section 2."><strong>2.</strong></a>
   1.108  
   1.109 @@ -2917,6 +2950,8 @@
   1.110     2012</a></h3>
   1.111  
   1.112    <ul>
   1.113 +   <li>added inset-rectangle() to basic shapes
   1.114 +
   1.115     <li>Changed shape-inside overflow diagrams to show exclusion behavior
   1.116  
   1.117     <li>Changed shape-inside to contribute to the wrapping context
Mercurial > drafts / file diff

diff: css-exclusions/Overview.html

css-exclusions/Overview.html
