[html5] r3032 - [] (0) Define the margins of h1 elements in section elements to match h2-h6, lik [...]

whatwg at whatwg.org whatwg at whatwg.org
Wed Apr 29 15:25:17 PDT 2009


Author: ianh
Date: 2009-04-29 15:25:16 -0700 (Wed, 29 Apr 2009)
New Revision: 3032

Modified:
   index
   source
Log:
[] (0) Define the margins of h1 elements in section elements to match h2-h6, like with the font-size. (credit: sp)

Modified: index
===================================================================
--- index	2009-04-29 22:20:24 UTC (rev 3031)
+++ index	2009-04-29 22:25:16 UTC (rev 3032)
@@ -61782,7 +61782,22 @@
 table { border-spacing: 2px; border-collapse: separate; }
 td, th { padding: 1px; }</pre>
 
-  <p>For each property in the table below, given a <code><a href=#the-body-element>body</a></code>
+  <p>The <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>, <code><a href=#the-nav-element>nav</a></code>,
+  and <code><a href=#the-section-element>section</a></code> elements are expected to affect the margins
+  of <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> elements, based on the nesting depth. If <var title="">x</var> is a selector that matches elements that are either
+  <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>, <code><a href=#the-nav-element>nav</a></code>, or
+  <code><a href=#the-section-element>section</a></code> elements, then the following rules capture what
+  is expected:</p>
+
+  <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
+
+<var title="">x</var> h1 { margin-top: 0.83em; margin-bottom: 0.83em; }
+<var title="">x</var> <var title="">x</var> h1 { margin-top: 1.00em; margin-bottom: 1.00em; }
+<var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.33em; margin-bottom: 1.33em; }
+<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.67em; margin-bottom: 1.67em; }
+<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 2.33em; margin-bottom: 2.33em; }</pre>
+
+  <hr><p>For each property in the table below, given a <code><a href=#the-body-element>body</a></code>
   element, the first attribute that exists <a href=#maps-to-the-pixel-length-property>maps to the pixel
   length property</a> on the <code><a href=#the-body-element>body</a></code> element. If none of
   the attributes for a property are found, or if the value of the
@@ -62102,14 +62117,13 @@
   be white.</p>
 
   <hr><p>The <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>, <code><a href=#the-nav-element>nav</a></code>,
-  and <code><a href=#the-section-element>section</a></code> elements are expected to affect the styling
-  of <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> elements, based on the nesting depth. If <var title="">x</var> is a selector that matches elements that are either
-  <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>, <code><a href=#the-nav-element>nav</a></code>, or
-  <code><a href=#the-section-element>section</a></code> elements, then the following rules capture what
-  is expected:</p>
+  and <code><a href=#the-section-element>section</a></code> elements are expected to affect the font
+  size of <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> elements, based on the nesting depth. If
+  <var title="">x</var> is a selector that matches elements that are
+  either <code><a href=#the-article-element>article</a></code>, <code><a href=#the-aside-element>aside</a></code>, <code><a href=#the-nav-element>nav</a></code>,
+  or <code><a href=#the-section-element>section</a></code> elements, then the following rules capture
+  what is expected:</p>
 
-  <!-- XXX this is better than http://damowmow.com/temp/sectioning.css
-           but it's still not optimal... -->
   <pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
 
 <var title="">x</var> h1 { font-size: 1.50em; }

Modified: source
===================================================================
--- source	2009-04-29 22:20:24 UTC (rev 3031)
+++ source	2009-04-29 22:25:16 UTC (rev 3032)
@@ -72602,6 +72602,24 @@
 table { border-spacing: 2px; border-collapse: separate; }
 td, th { padding: 1px; }</pre>
 
+  <p>The <code>article</code>, <code>aside</code>, <code>nav</code>,
+  and <code>section</code> elements are expected to affect the margins
+  of <code>h1</code> elements, based on the nesting depth. If <var
+  title="">x</var> is a selector that matches elements that are either
+  <code>article</code>, <code>aside</code>, <code>nav</code>, or
+  <code>section</code> elements, then the following rules capture what
+  is expected:</p>
+
+  <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
+
+<var title="">x</var> h1 { margin-top: 0.83em; margin-bottom: 0.83em; }
+<var title="">x</var> <var title="">x</var> h1 { margin-top: 1.00em; margin-bottom: 1.00em; }
+<var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.33em; margin-bottom: 1.33em; }
+<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 1.67em; margin-bottom: 1.67em; }
+<var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> <var title="">x</var> h1 { margin-top: 2.33em; margin-bottom: 2.33em; }</pre>
+
+  <hr>
+
   <p>For each property in the table below, given a <code>body</code>
   element, the first attribute that exists <span>maps to the pixel
   length property</span> on the <code>body</code> element. If none of
@@ -72985,15 +73003,13 @@
   <hr>
 
   <p>The <code>article</code>, <code>aside</code>, <code>nav</code>,
-  and <code>section</code> elements are expected to affect the styling
-  of <code>h1</code> elements, based on the nesting depth. If <var
-  title="">x</var> is a selector that matches elements that are either
-  <code>article</code>, <code>aside</code>, <code>nav</code>, or
-  <code>section</code> elements, then the following rules capture what
-  is expected:</p>
+  and <code>section</code> elements are expected to affect the font
+  size of <code>h1</code> elements, based on the nesting depth. If
+  <var title="">x</var> is a selector that matches elements that are
+  either <code>article</code>, <code>aside</code>, <code>nav</code>,
+  or <code>section</code> elements, then the following rules capture
+  what is expected:</p>
 
-  <!-- XXX this is better than http://damowmow.com/temp/sectioning.css
-           but it's still not optimal... -->
   <pre class="css">@namespace url(http://www.w3.org/1999/xhtml);
 
 <var title="">x</var> h1 { font-size: 1.50em; }




More information about the Commit-Watchers mailing list