using 'start' property of named strings


This browser

Test checks that the string set at the beginning of a page is used when the start property is applied


 1 <!DOCTYPE html>
 2 <html><head>
 3 <meta charset="utf-8">
 4 <title>CSS Test: using 'start' property of named strings</title>
 5 <link href="" rel="author" title="Dave Cramer">
 6 <link href="" rel="help">
 7 <meta content="paged" name="flags">
 8 <meta content="Test checks that the string set at the beginning of a page is used when the start property is applied" name="assert">
 9 <style>
10   @page {
11    @top-center {
12    content: string(section, start);
13    }
14   }
16  h2 {
17  string-set: section content();
18  }
20  #s2 { page-break-before: always; }
21 #s4 { page-break-after: always; }
23 </style>
24 </head>
25 <body>
26 <p>Note: this test has three pages</p>
27 <p>Test passes if:</p>
29 <ol>
30 <li>
31 On page one, the running head is empty.
32 </li>
33 <li>
34 On page two, the running head is “Section Two”
35 </li>
36 <li>
37 On page three, the running head is “Section Four”
38 </li>
39 </ol>
40 <h2 id="s1">Section One</h2>
41 <p id="p1">Bacon ipsum dolor sit amet brisket sunt kielbasa, sed rump fatback shankle. Non exercitation aliquip culpa shankle. Sausage pork kevin, doner meatloaf venison cupidatat. Salami frankfurter spare ribs kielbasa culpa commodo incididunt. Tri-tip pork belly pig ut ground round est, turkey drumstick nisi quis. Occaecat nisi tempor cupidatat, ground round exercitation in turducken. Filet mignon cow pork bacon tri-tip fugiat mollit kevin et.</p>
42 <h2 id="s2">Section Two</h2>
43 <p>
44 Fatback excepteur ex ut shank do ham. Sausage sirloin turducken velit ex spare ribs quis. Quis in turkey, labore sirloin fatback exercitation proident. In rump reprehenderit voluptate aute ribeye excepteur pig venison. Culpa laboris in nostrud, kevin leberkas non tri-tip commodo qui tenderloin. Id non short ribs elit, ut excepteur cow venison duis do.
45 </p>
46 <h2 id="s3">Section Three</h2>
47 <p>
48 Ullamco strip steak aliqua bacon ut sirloin turkey pork chop, ball tip jowl. Commodo pancetta prosciutto, meatloaf eiusmod aliquip chicken occaecat pig. Ut in pork, short ribs chuck t-bone kielbasa irure jowl occaecat cupidatat nostrud officia. Dolore ball tip cupidatat labore esse ut, magna leberkas irure kevin nostrud aute eu pariatur eiusmod. Nostrud pancetta labore, eu est mollit jerky ham hock. Shoulder aliquip dolore eu corned beef strip steak commodo.
49 </p>
50 <h2 id="s4">Section Four</h2>
51 <p>
52 Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cupidatat ham hock enim pig eu bresaola. Qui ball tip consequat short loin salami. Tri-tip tempor et, adipisicing commodo ground round ball tip andouille doner. Short loin officia ea ground round shank.
53 </p>
54 <h2 id="s5">Section Five</h2>
55 <p>Biltong in capicola commodo tenderloin irure, labore drumstick aute tri-tip veniam. Labore dolore doner ex, meatloaf tempor meatball id flank do turkey. Pig culpa ut prosciutto rump. Tongue chicken qui andouille, pork loin pork chop salami ut. Eu ea qui dolore pork chop ground round.</p>
56 <h2 id="s6">Section Six</h2>
57 <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p>
60 </body></html>