Mercurial > drafts / file diff

     1.1 --- a/css-exclusions/Exclusions.src.html	Mon Apr 22 17:07:17 2013 -0700
     1.2 +++ b/css-exclusions/Exclusions.src.html	Mon Apr 22 17:29:40 2013 -0700
     1.3 @@ -1203,6 +1203,28 @@
     1.4                    </li>
     1.5                </ul>
     1.6            </dd>
     1.7 +          <dt><dfn id="inset-rectangle">inset-rectangle</dfn>([&lt;length&gt;|&lt;percentage&gt;]{4} [ curve [&lt;length&gt;|&lt;percentage&gt;]{1,2} ]? )</dt>
     1.8 +          <dd>
     1.9 +              <ul>
    1.10 +                  <li>
    1.11 +                      The four values represent the 
    1.12 +                      <strong>top, right, bottom</strong> and 
    1.13 +                      <strong>left</strong> insets that 
    1.14 +                      define the bounding box 
    1.15 +                      of the inset rectangle. 
    1.16 +                      Negative values for any of these insets are invalid.
    1.17 +                  </li>
    1.18 +                  <li>
    1.19 +                      The two 'curve' values represent 
    1.20 +                      <strong> rx</strong> and <strong>ry</strong>. 
    1.21 +                      For rounded inset rectangles they define 
    1.22 +                      the x-axis radius and y-axis radius 
    1.23 +                      of the ellipse used to round off 
    1.24 +                      the corners of the inset rectangle. 
    1.25 +                      Negative values for rx and ry are invalid.
    1.26 +                  </li>
    1.27 +              </ul>
    1.28 +          </dd>
    1.29            <dt><dfn id="circle">circle</dfn>([&lt;length&gt;|&lt;percentage&gt;]{3})</dt>
    1.30            <dd>
    1.31                <ul>
    1.32 @@ -1328,6 +1350,9 @@
    1.33                  <li>Set the values for rx and ry on the temporary rectangle to ‘50%’.</li>
    1.34                  <li>Interpolate between the two rectangles as above.</li></ul>
    1.35              </li>
    1.36 +            <li>If one basic shape is an inset-rectangle and the second is of type rectangle, circle or ellipse:
    1.37 +                <ul><li>Replace the inset-rectangle with a temporary rectangle of equal dimension.</li>
    1.38 +                <li>Interpolate between the basic shapes as above.</li></ul>
    1.39              <li>If both basic shapes are of type polygon and if both polygons have the same number of vertices:
    1.40                  <ul><li>Interpolate between each value.</li></ul>
    1.41              </li>
    1.42 @@ -1501,7 +1526,7 @@
    1.43        <dl>
    1.44            <dt><dfn title="'shape-outside'!!'&lt;basic-shape&gt;'">&lt;basic-shape&gt;</dfn></dt>
    1.45            <dd>
    1.46 -              The shape is computed based on the values of one of 'rectangle', 'circle', 'ellipse'
    1.47 +              The shape is computed based on the values of one of 'rectangle', 'inset-rectangle', 'circle', 'ellipse'
    1.48                or 'polygon'.
    1.49            </dd>
    1.50        </dl>
    1.51 @@ -1629,7 +1654,7 @@
    1.52      <dl>
    1.53          <dt><dfn title="'shape-inside'!!'&lt;basic-shape&gt;'">&lt;basic-shape&gt;</dfn></dt>
    1.54          <dd>
    1.55 -            The shape is computed based on the values of one of 'rectangle', 'circle', 'ellipse'
    1.56 +            The shape is computed based on the values of one of 'rectangle', 'inset-rectangle', 'circle', 'ellipse'
    1.57              or 'polygon'.
    1.58          </dd>
    1.59      </dl>
    1.60 @@ -1952,6 +1977,7 @@
    1.61        
    1.62        <h3 class="no-num" >Since <a href="http://www.w3.org/TR/2012/WD-css3-exclusions-20120503/">May 3rd 2012</a></h3>
    1.63        <ul>
    1.64 +          <li>added inset-rectangle() to basic shapes</li>
    1.65            <li>Changed shape-inside overflow diagrams to show exclusion behavior</li>
    1.66            <li>Changed shape-inside to contribute to the wrapping context</li>
    1.67            <li>Defined exclusion edges relative to wrapping content's writing mode</li>