headings-styles.html (3457B)
1 <!doctype html> 2 <title>default styles for h1..h6, hgroup, article, aside, nav, section (no h1 in section UA styles)</title> 3 <meta name="viewport" content="width=device-width"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/html/rendering/support/test-ua-stylesheet.js"></script> 7 <link rel="help" href="https://github.com/whatwg/html/issues/7867"> 8 <style> 9 /* Specify this bogus namespace, so the rules in this stylesheet only apply to the `fakeClone`d elements in #refs, not the HTML elements in #tests. */ 10 @namespace url(urn:not-html); 11 12 article, aside, h1, h2, h3, h4, h5, h6, hgroup, nav, section { 13 display: block; 14 } 15 16 h1 { margin-block: 0.67em; font-size: 2.00em; font-weight: bold; } 17 h2 { margin-block: 0.83em; font-size: 1.50em; font-weight: bold; } 18 h3 { margin-block: 1.00em; font-size: 1.17em; font-weight: bold; } 19 h4 { margin-block: 1.33em; font-size: 1.00em; font-weight: bold; } 20 h5 { margin-block: 1.67em; font-size: 0.83em; font-weight: bold; } 21 h6 { margin-block: 2.33em; font-size: 0.67em; font-weight: bold; } 22 23 </style> 24 25 <div id="log"></div> 26 27 <div id="tests"> 28 <h1></h1> 29 <h2></h2> 30 <h3></h3> 31 <h4></h4> 32 <h5></h5> 33 <h6></h6> 34 <hgroup></hgroup> 35 <article></article> 36 <aside></aside> 37 <nav></nav> 38 <section></section> 39 <article data-skip> 40 <h1></h1> 41 <article data-skip> 42 <h1></h1> 43 <article data-skip> 44 <h1></h1> 45 <article data-skip> 46 <h1></h1> 47 <article data-skip> 48 <h1></h1> 49 <hgroup data-skip> 50 <h1></h1> 51 <h2></h2> 52 <h3></h3> 53 <h4></h4> 54 <h5></h5> 55 </hgroup> 56 </article> 57 </article> 58 </article> 59 </article> 60 </article> 61 <aside data-skip> 62 <h1></h1> 63 <aside data-skip> 64 <h1></h1> 65 <aside data-skip> 66 <h1></h1> 67 <aside data-skip> 68 <h1></h1> 69 <aside data-skip> 70 <h1></h1> 71 <hgroup data-skip> 72 <h1></h1> 73 <h2></h2> 74 <h3></h3> 75 <h4></h4> 76 <h5></h5> 77 </hgroup> 78 </aside> 79 </aside> 80 </aside> 81 </aside> 82 </aside> 83 <nav data-skip> 84 <h1></h1> 85 <nav data-skip> 86 <h1></h1> 87 <nav data-skip> 88 <h1></h1> 89 <nav data-skip> 90 <h1></h1> 91 <nav data-skip> 92 <h1></h1> 93 <hgroup data-skip> 94 <h1></h1> 95 <h2></h2> 96 <h3></h3> 97 <h4></h4> 98 <h5></h5> 99 </hgroup> 100 </nav> 101 </nav> 102 </nav> 103 </nav> 104 </nav> 105 <section data-skip> 106 <h1></h1> 107 <section data-skip> 108 <h1></h1> 109 <section data-skip> 110 <h1></h1> 111 <section data-skip> 112 <h1></h1> 113 <section data-skip> 114 <h1></h1> 115 <hgroup data-skip> 116 <h1></h1> 117 <h2></h2> 118 <h3></h3> 119 <h4></h4> 120 <h5></h5> 121 </hgroup> 122 </section> 123 </section> 124 </section> 125 </section> 126 </section> 127 </div> 128 129 <div id="refs"></div> 130 131 <script> 132 const props = [ 133 'display', 134 'margin-top', 135 'margin-right', 136 'margin-bottom', 137 'margin-left', 138 'padding-top', 139 'padding-right', 140 'padding-bottom', 141 'padding-left', 142 'font-size', 143 'font-weight', 144 ]; 145 runUAStyleTests(props); 146 147 </script>