[css3-cascade] Added the 'all' property.

Author: tabatkins

css3-cascade/Overview.html

@@ -133,6 +133,10 @@ <h2 class="no-num no-toc" id=table-of-contents> Table of contents</h2>
 
    <li><a href="#shorthand"><span class=secno>3. </span> Shorthand
     Properties</a>
+    <ul class=toc>
+     <li><a href="#all-shorthand"><span class=secno>3.1. </span> Resetting
+      All Properties: the ‘<code class=css>all</code>’ property</a>
+    </ul>
 
    <li><a href="#cascade-and-inheritance"><span class=secno>4. </span>
     Cascading and Inheritance</a>
@@ -274,8 +278,8 @@ <h2 id=at-import><span class=secno>2. </span> Importing style sheets: the
    rel=biblioentry>[MEDIAQ]<!--{{!MEDIAQ}}--></a>.
 
   <p> In the absence of any media queries, the import is unconditional.
-   Specifying ‘<code class=css>all</code>’ for the medium has the same
-   effect.
+   Specifying ‘<a href="#all"><code class=css>all</code></a>’ for the
+   medium has the same effect.
 
   <h2 id=shorthand><span class=secno>3. </span> Shorthand Properties</h2>
 
@@ -297,12 +301,12 @@ <h2 id=shorthand><span class=secno>3. </span> Shorthand Properties</h2>
 
    <pre>
 h1 { 
-  font-weight: bold; 
-  font-size: 12pt;
-  line-height: 14pt; 
-  font-family: Helvetica; 
-  font-variant: normal;
-  font-style: normal;
+	font-weight: bold; 
+	font-size: 12pt;
+	line-height: 14pt; 
+	font-family: Helvetica; 
+	font-variant: normal;
+	font-style: normal;
 }</pre>
 
    <p>can therefore be rewritten as
@@ -330,15 +334,83 @@ <h2 id=shorthand><span class=secno>3. </span> Shorthand Properties</h2>
    values.)
 
   <p> If a shorthand is specified as one of the <a
-   href="http://www.w3.org/TR/css3-values/">CSS-wide keywords</a>, it sets
-   all of its sub-properties to that keyword. (Note that these keywords
-   cannot be combined with other values in a single declaration, not even in
-   a shorthand.)
+   href="http://www.w3.org/TR/css3-values/#common-keywords">CSS-wide
+   keywords</a>, it sets all of its sub-properties to that keyword. (Note
+   that these keywords cannot be combined with other values in a single
+   declaration, not even in a shorthand.)
 
   <p> Declaring a shorthand property to be ‘<code
    class=css>!important</code>’ is equivalent to declaring all of its
    sub-properties to be "!important".
 
+  <h3 id=all-shorthand><span class=secno>3.1. </span> Resetting All
+   Properties: the ‘<a href="#all"><code class=css>all</code></a>’
+   property</h3>
+
+  <table class=propdef>
+   <tbody>
+    <tr>
+     <th>Name:
+
+     <td><dfn id=all>all</dfn>
+
+    <tr>
+     <th>Value:
+
+     <td>initial | inherit | default
+
+    <tr>
+     <th>Initial:
+
+     <td>See individual properties
+
+    <tr>
+     <th>Applies to:
+
+     <td>See individual properties
+
+    <tr>
+     <th>Inherited:
+
+     <td>See individual properties
+
+    <tr>
+     <th>Percentages:
+
+     <td>See individual properties
+
+    <tr>
+     <th>Media:
+
+     <td>See individual properties
+
+    <tr>
+     <th>Computed value:
+
+     <td>See individual properties
+
+    <tr>
+     <th>Animatable:
+
+     <td>See individual properties
+  </table>
+
+  <p> The ‘<a href="#all"><code class=css>all</code></a>’ property is a
+   shorthand that resets <em title="">all</em> CSS properties. It only
+   accepts the <a
+   href="http://www.w3.org/TR/css3-values/#common-keywords">CSS-wide
+   keywords</a>.
+
+  <div class=example>
+   <p> For example, if an author specifies ‘<code class=css>all:
+    default</code>’ on an element it will block all inheritance and reset
+    all properties, as if no rules appeared in the author level of the
+    cascade.
+
+   <p> This can be useful for the root element of a "widget" included in a
+    page, which does not wish to inherit the styles of the outer page.
+  </div>
+
   <h2 id=cascade-and-inheritance><span class=secno>4. </span> Cascading and
    Inheritance</h2>
 
@@ -748,7 +820,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>Property
 
-     <th>Winning declaration <!--  <th>Cascaded value  -->
+     <th>Winning declaration <!--	<th>Cascaded value	-->
 
      <th>Specified value
 
@@ -764,8 +836,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>text-align</code>’
 
-     <td><code class=declaration>text-align: left</code>
-      <!--  <td>''left''-->
+     <td><code class=declaration>text-align: left</code> <!--	<td>''left''-->
 
      <td>‘<code class=css>left</code>’
 
@@ -784,7 +855,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
       class=property>border-left-width</code>’
 
      <td><code class=declaration>border-width: inherit</code>
-      <!--  <td>''inherit'' -->
+      <!--	<td>''inherit'' -->
 
      <td class=say>‘<code class=css>4.2px</code>’
 
@@ -799,7 +870,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>width</code>’
 
-     <td><small>(none)</small> <!--  <td><small>(none)</small>-->
+     <td><small>(none)</small> <!--	<td><small>(none)</small>-->
 
      <td>‘<code class=css>auto</code>’ <small>(initial value)</small>
 
@@ -815,7 +886,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
      <th>‘<code class=property>list-style-position</code>’
 
      <td><code class=declaration>list-style-position: inherit</code>
-      <!--  <td>''inherit'' -->
+      <!--	<td>''inherit'' -->
 
      <td class=say>‘<code class=css>inside</code>’
 
@@ -831,7 +902,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
      <th>‘<code class=property>list-style-position</code>’
 
      <td><code class=declaration>list-style-position: initial</code>
-      <!--  <td>''initial''-->
+      <!--	<td>''initial''-->
 
      <td>‘<code class=css>outside</code>’ <small>(initial value)</small>
 
@@ -847,7 +918,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
      <th>‘<code class=property>font-size</code>’
 
      <td><code class=declaration>font-size: 1.2em</code>
-      <!--  <td>''1.2em''-->
+      <!--	<td>''1.2em''-->
 
      <td>‘<code class=css>1.2em</code>’
 
@@ -862,7 +933,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>width</code>’
 
-     <td><code class=declaration>width: 80%</code> <!--  <td>''80%''-->
+     <td><code class=declaration>width: 80%</code> <!--	<td>''80%''-->
 
      <td>‘<code class=css>80%</code>’
 
@@ -877,7 +948,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>width</code>’
 
-     <td><code class=declaration>width: auto</code> <!--  <td>''auto''-->
+     <td><code class=declaration>width: auto</code> <!--	<td>''auto''-->
 
      <td>‘<code class=css>auto</code>’
 
@@ -892,7 +963,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>height</code>’
 
-     <td><code class=declaration>height: auto</code> <!--  <td>''auto''-->
+     <td><code class=declaration>height: auto</code> <!--	<td>''auto''-->
 
      <td>‘<code class=css>auto</code>’
 
@@ -907,7 +978,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>page-break-after</code>’
 
-     <td><small>(none)</small> <!--  <td><small>(none)</small>-->
+     <td><small>(none)</small> <!--	<td><small>(none)</small>-->
 
      <td>‘<code class=css>auto</code>’ <small>(initial value)</small>
 
@@ -922,7 +993,7 @@ <h3 id=stages-examples><span class=secno>5.5. </span> Examples</h3>
 
      <th>‘<code class=property>orphans</code>’
 
-     <td><code class=declaration>orphans: 3</code> <!--  <td>''3''-->
+     <td><code class=declaration>orphans: 3</code> <!--	<td>''3''-->
 
      <td>‘<code class=css>3</code>’
 
@@ -1048,6 +1119,8 @@ <h2 class=no-num id=index>Index</h2>
    <li>actual value, <a href="#actual-value"
     title="actual value"><strong>5.4.</strong></a>
 
+   <li>all, <a href="#all" title=all><strong>3.1.</strong></a>
+
    <li>cascaded value, <a href="#cascaded-value0"
     title="cascaded value"><strong>4.2.4.</strong></a>
 
@@ -1110,5 +1183,19 @@ <h2 class=no-num id=property-index>Property index</h2>
      <th>Media
 
    <tbody>
+    <tr>
+     <th><a class=property href="#all">all</a>
+
+     <td>initial | inherit | default
+
+     <td>See individual properties
+
+     <td>See individual properties
+
+     <td>See individual properties
+
+     <td>See individual properties
+
+     <td>See individual properties
   </table>
   <!--end-properties-->