Generated. Do not edit!

Author: bert-github

css3-background/Overview.html

@@ -15,18 +15,30 @@
     src="http://www.w3.org/Icons/w3c_home" width=72></a><a class=logo
     href="../../" rel=in-activity><img alt="CSS WG"
     src="../../../Woolly/woolly-icon.png"></a> <span
+<<<<<<< Overview.html
+    class=id>css3-background-20080114</span></p>
+=======
     class=id>css3-background-20071225</span>
+>>>>>>> 1.10
 
    <h1 id=css3-backgrounds>CSS3 Backgrounds and Borders Module</h1>
 
+<<<<<<< Overview.html
+   <h2 class="no-num no-toc" id=w3c-working>W3C Working Draft 14 January 2008</h2>
+=======
    <h2 class="no-num no-toc" id=w3c-working>W3C Working Draft 25 December
     2007</h2>
+>>>>>>> 1.10
 
    <dl>
     <dt>This version:
 
     <dd><a
+<<<<<<< Overview.html
+     href="http://www.w3.org/TR/2008/ED-css3-background-20080114">http://www.w3.org/TR/2008/ED-css3-background-20080114</a>
+=======
      href="http://www.w3.org/TR/2007/ED-css3-background-20071225">http://www.w3.org/TR/2007/ED-css3-background-20071225</a>
+>>>>>>> 1.10
 
 
     <dt>Latest version:
@@ -58,7 +70,7 @@ <h2 class="no-num no-toc" id=w3c-working>W3C Working Draft 25 December
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
-    rel=license>Copyright</a> &copy; 2007 <a
+    rel=license>Copyright</a> &copy; 2008 <a
     href="http://www.w3.org/"><acronym title="World Wide Web
     Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
     href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
@@ -1660,7 +1672,13 @@ <h3 id=the-background-shadow><span class=secno>4.11. </span>The
   </ul>
 
   <p>If an element has multiple boxes, all of them get drop shadows. If the
+<<<<<<< Overview.html
+   box has a nonzero &lsquo;<a class=property
+   href="#border-radius">border-radius</a>&rsquo;, the shadow is rounded in
+   the same way.
+=======
    box has a nonzero 'border-radius', the shadow is rounded in the same way.
+>>>>>>> 1.10
 
   <div class=example>
    <p>Here is an example of single words with a drop shadow. Assume the words
@@ -2599,6 +2617,62 @@ <h3 id=the-border-radius><span class=secno>5.5. </span>The 'border-radius'
      <td>two absolute &lt;length&gt;s
   </table>
 
+<<<<<<< Overview.html
+  <table class=propdef id=name-18>
+   <tbody>
+    <tr>
+     <td><em>Name:</em>
+
+     <td><dfn id=border-radius>border-radius</dfn>
+
+    <tr>
+     <td><em>Value:</em>
+
+     <td><var><a href="#ltlengthgt0">&lt;length&gt;</a></var>{1,4} [ /
+      <var><a href="#ltlengthgt0">&lt;length&gt;</a></var>{1,4} ]?
+
+    <tr>
+     <td><em>Initial:</em>
+
+     <td>0
+
+    <tr>
+     <td><em>Applies to:</em>
+
+     <td>all elements, except table element when &lsquo;<span
+      class=property>border-collapse</span>&rsquo; is &lsquo;<code
+      class=css>collapse</code>&rsquo;
+
+    <tr>
+     <td><em>Inherited:</em>
+
+     <td>no
+
+    <tr>
+     <td><em>Percentages:</em>
+
+     <td>N/A
+
+    <tr>
+     <td><em>Media:</em>
+
+     <td>visual
+
+    <tr>
+     <td><em>Computed value:</em>
+
+     <td>see individual properties
+  </table>
+
+  <p>The two length values of the &lsquo;<code
+   class=css>border-*-radius</code>&rsquo; properties define the radii of a
+   quarter ellipse that defines the shape of the corner of the outer border
+   edge (see the diagram below). The first value is the horizontal radius. If
+   the second length is omitted it is equal to the first (and the corner is
+   thus a quarter circle). If either length is zero, the corner is square,
+   not rounded. The border radius also causes the element's background to be
+   rounded, even if the border is &lsquo;<code class=css>none</code>&rsquo;.
+=======
   <table class=propdef id=name-18>
    <tbody>
     <tr>
@@ -2651,8 +2725,48 @@ <h3 id=the-border-radius><span class=secno>5.5. </span>The 'border-radius'
    first (and the corner is thus a quarter circle). If either length is zero,
    the corner is square, not rounded. The border radius also causes the
    element's background to be rounded, even if the border is ''none''.
+>>>>>>> 1.10
    Negative values are not allowed.
 
+<<<<<<< Overview.html
+  <p>The &lsquo;<a class=property
+   href="#border-radius">border-radius</a>&rsquo; shorthand sets all four
+   &lsquo;<code class=css>border-*-radius</code>&rsquo; properties. If values
+   are given before and after the slash, then the values before the slash set
+   the horizontal radius and the values after the slash set the vertical
+   radius. If there is no slash, then the values set both radii equally. The
+   four values for each radii are given in the order top-left, top-right,
+   bottom-right, bottom-left. If bottom-left is omitted it is the same as
+   top-right. If bottom-right is omitted it is the same as top-left. If
+   top-right is omitted it is the same as top-left.
+
+  <div class=example>
+   <pre>
+border-radius: 4em;
+</pre>
+   would be equivalent to
+   <pre>
+border-top-left-radius:     4em;
+border-top-right-radius:    4em;
+border-bottom-right-radius: 4em;
+border-bottom-left-radius:  4em;
+</pre>
+   and
+   <pre>
+border-radius: 2em 1em 4em / 0.5em 3em;
+</pre>
+   would be equivalent to
+   <pre>
+border-top-left-radius:     2em 0.5em;
+border-top-right-radius:    1em 3em;
+border-bottom-right-radius: 4em 0.5em;
+border-bottom-left-radius:  1em 3em;
+</pre>
+  </div>
+
+  <p>The padding edge (inner border) radius is the outer border radius minus
+   the corresponding border thickness. In the case where this results in a
+=======
   <p>The 'border-radius' shorthand sets all four 'border-*-radius'
    properties. If values are given before and after the slash, then the
    values before the slash set the horizontal radius and the values after the
@@ -2688,6 +2802,7 @@ <h3 id=the-border-radius><span class=secno>5.5. </span>The 'border-radius'
 
   <p>The padding edge (inner border) radius is the outer border radius minus
    the corresponding border thickness. In the case where this results in a
+>>>>>>> 1.10
    negative value, the inner radius is zero. (In such cases its center might
    not coincide with that of the outer border curve.) Backgrounds, but not
    the <a href="#the-border-image">border-image</a>, are clipped to the curve
@@ -2728,8 +2843,16 @@ <h3 id=the-border-radius><span class=secno>5.5. </span>The 'border-radius'
 
   </div>
 
+<<<<<<< Overview.html
+  <p>All border styles ( &lsquo;<code class=css><a
+   href="#solid">solid</a></code>&rsquo;, &lsquo;<code class=css><a
+   href="#dotted">dotted</a></code>&rsquo;, &lsquo;<code class=css><a
+   href="#inset">inset</a></code>&rsquo;, etc.) follow the curve of the
+   border.
+=======
   <p>All border styles ( ''solid'', ''dotted'', ''inset'', etc.) follow the
    curve of the border.
+>>>>>>> 1.10
 
   <p>Corners do not overlap: When the sum of two adjacent corner radii
    exceeds the size of the border box, UAs must reduce one or more of the
@@ -2822,9 +2945,15 @@ <h3 id=the-border-break><span class=secno>5.6. </span>The 'border-break'
     <tr>
      <td><em>Value:</em>
 
+<<<<<<< Overview.html
+     <td><var><a href="#ltborder-widthgt">&lt;border-width&gt;</a></var> ||
+      <var><a href="#ltborder-stylegt">&lt;border-style&gt;</a></var> ||
+      <var><a href="#ltcolorgt0">&lt;color&gt;</a></var>
+=======
      <td><var>&lt; 'border-width'&gt;</var> || <var><a
       href="#ltborder-stylegt">&lt;border-style&gt;</a></var> || <var><a
       href="#ltcolorgt0">&lt;color&gt;</a></var>
+>>>>>>> 1.10
 
     <tr>
      <td><em>Initial:</em>
@@ -2901,9 +3030,15 @@ <h3 id=the-border-shorthands><span class=secno>5.7. </span>The
     <tr>
      <td><em>Value:</em>
 
+<<<<<<< Overview.html
+     <td><var><a href="#ltborder-widthgt">&lt;border-width&gt;</a></var> ||
+      <var><a href="#ltborder-stylegt">&lt;border-style&gt;</a></var> ||
+      <var><a href="#ltcolorgt0">&lt;color&gt;</a></var>
+=======
      <td><var>&lt; 'border-width'&gt;</var> || <var><a
       href="#ltborder-stylegt">&lt;border-style&gt;</a></var> || <var><a
       href="#ltcolorgt0">&lt;color&gt;</a></var>
+>>>>>>> 1.10
 
     <tr>
      <td><em>Initial:</em>
@@ -2950,9 +3085,15 @@ <h3 id=the-border-shorthands><span class=secno>5.7. </span>The
     <tr>
      <td><em>Value:</em>
 
+<<<<<<< Overview.html
+     <td><var><a href="#ltborder-widthgt">&lt;border-width&gt;</a></var> ||
+      <var><a href="#ltborder-stylegt">&lt;border-style&gt;</a></var> ||
+      <var><a href="#ltcolorgt0">&lt;color&gt;</a></var>
+=======
      <td><var>&lt; 'border-width'&gt;</var> || <var><a
       href="#ltborder-stylegt">&lt;border-style&gt;</a></var> || <var><a
       href="#ltcolorgt0">&lt;color&gt;</a></var>
+>>>>>>> 1.10
 
     <tr>
      <td><em>Initial:</em>
@@ -3756,7 +3897,11 @@ <h2 class=no-num id=property>Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#border2">border</a>
 
+<<<<<<< Overview.html
+     <td>&lt;border-width&gt; || &lt;border-style&gt; || &lt;color&gt;
+=======
      <td>&lt; 'border-width'&gt; || &lt;border-style&gt; || &lt;color&gt;
+>>>>>>> 1.10
 
      <td>See individual properties
 
@@ -3771,7 +3916,11 @@ <h2 class=no-num id=property>Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#border-break">border-break</a>
 
+<<<<<<< Overview.html
+     <td>&lt;border-width&gt; || &lt;border-style&gt; || &lt;color&gt;
+=======
      <td>&lt; 'border-width'&gt; || &lt;border-style&gt; || &lt;color&gt;
+>>>>>>> 1.10
 
      <td>none
 
@@ -3831,6 +3980,22 @@ <h2 class=no-num id=property>Property index</h2>
 
      <td>visual
 
+    <tr valign=baseline>
+     <td><a class=property href="#border-radius">border-radius</a>
+
+     <td>&lt;length&gt;{1,4} [ / &lt;length&gt;{1,4} ]?
+
+     <td>0
+
+     <td>all elements, except table element when
+      &lsquo;border-collapse&rsquo; is &lsquo;collapse&rsquo;
+
+     <td>no
+
+     <td>N/A
+
+     <td>visual
+
     <tr valign=baseline>
      <td><a class=property href="#border-shadow">border-shadow</a>
 
@@ -3869,7 +4034,11 @@ <h2 class=no-num id=property>Property index</h2>
       href="#border-bottom">border-bottom</a>, <a class=property
       href="#border-left">border-left</a>
 
+<<<<<<< Overview.html
+     <td>&lt;border-width&gt; || &lt;border-style&gt; || &lt;color&gt;
+=======
      <td>&lt; 'border-width'&gt; || &lt;border-style&gt; || &lt;color&gt;
+>>>>>>> 1.10
 
      <td>See individual properties
 
@@ -3987,7 +4156,12 @@ <h2 class=no-num id=property>Property index</h2>
    <li><dfn id=overflow>'overflow'</dfn>, see <a href="#CSS3BOX"
     rel=biblioentry>[CSS3BOX]<!--{{CSS3BOX}}--></a>
 
+<<<<<<< Overview.html
+   <li><dfn id=z-index>&lsquo;<span
+    class=property>z-index</span>&rsquo;</dfn>, see <a href="#CSS3POS"
+=======
    <li><dfn id=z-index>'z-index'</dfn>, see <a href="#CSS3POS"
+>>>>>>> 1.10
     rel=biblioentry>[CSS3POS]<!--{{CSS3POS}}--></a>
 
    <li><dfn id=border-collapse>'border-collapse'</dfn>, see <a