headingoffset-and-headingreset.html (1572B)
1 <!doctype html> 2 <meta name="author" title="Keith Cirkel" href="mailto:wpt@keithcirkel.co.uk" /> 3 <link rel="help" href="https://github.com/whatwg/html/pull/11086" /> 4 <link rel="match" href="headingoffset-and-headingreset-ref.html"> 5 <title>Test :heading default styles</title> 6 <style> 7 :heading(1)::after { content: 'h1' } 8 :heading(2)::after { content: 'h2' } 9 :heading(3)::after { content: 'h3' } 10 :heading(4)::after { content: 'h4' } 11 :heading(5)::after { content: 'h5' } 12 :heading(6)::after { content: 'h6' } 13 :heading(7)::after { content: 'h7' } 14 :heading(8)::after { content: 'h8' } 15 :heading(9)::after { content: 'h9' } 16 </style> 17 <div> 18 <h1></h1> 19 <h2></h2> 20 <h3></h3> 21 <h4></h4> 22 <h5></h5> 23 <h6></h6> 24 <h6 headingoffset=1></h6> 25 <h6 headingoffset=2></h6> 26 <h6 headingoffset=3></h6> 27 </div> 28 <hr> 29 <div headingoffset=2> 30 <h1></h1> 31 <h2></h2> 32 <h3></h3> 33 <h4></h4> 34 <h5></h5> 35 <h6></h6> 36 <h6 headingoffset=1></h6> 37 <h6 headingoffset=2></h6> 38 <h6 headingoffset=3></h6> 39 </div> 40 <hr> 41 <div headingoffset=4> 42 <h1></h1> 43 <h2></h2> 44 <h3></h3> 45 <h4></h4> 46 <h5></h5> 47 <h6></h6> 48 <h6 headingoffset=1></h6> 49 <h6 headingoffset=2></h6> 50 <h6 headingoffset=3></h6> 51 </div> 52 <hr> 53 <div headingoffset=6> 54 <h1></h1> 55 <h2></h2> 56 <h3></h3> 57 <h4></h4> 58 <h5></h5> 59 <h6></h6> 60 <h6 headingoffset=1></h6> 61 <h6 headingoffset=2></h6> 62 <h6 headingoffset=3></h6> 63 </div> 64 <hr> 65 <div headingoffset=8> 66 <h1></h1> 67 <h2></h2> 68 <h3></h3> 69 <h4></h4> 70 <h5></h5> 71 <h6></h6> 72 <h6 headingoffset=1></h6> 73 <h6 headingoffset=2></h6> 74 <h6 headingoffset=3></h6> 75 </div>