Short URL: http://html5.org/r/3032
| SVN | Bug | Comment | Time (UTC) |
|---|---|---|---|
| 3032 | Define the margins of h1 elements in section elements to match h2-h6, like with the font-size. (credit: sp) | 2009-04-29 22:25 |
Index: source
===================================================================
--- source (revision 3031)
+++ source (revision 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; }