W3C home > Mailing lists > Public > public-html-commits@w3.org > April 2009

html5/spec Overview.html,1.2191,1.2192

From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 29 Apr 2009 22:25:23 +0000
To: public-html-commits@w3.org
Message-Id: <E1LzIDT-0005bd-PQ@lionel-hutz.w3.org>
Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv21535

Modified Files:
	Overview.html 
Log Message:
Define the margins of h1 elements in section elements to match h2-h6, like with the font-size. (credit: sp) (whatwg r3032)

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.2191
retrieving revision 1.2192
diff -u -d -r1.2191 -r1.2192
--- Overview.html	29 Apr 2009 22:18:41 -0000	1.2191
+++ Overview.html	29 Apr 2009 22:25:20 -0000	1.2192
@@ -56031,7 +56031,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
@@ -56351,14 +56366,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; }
Received on Wednesday, 29 April 2009 22:25:36 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 29 April 2009 22:25:40 GMT