page-break-before-003.xht (1687B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: page-break-before: left</title> 5 <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/> 7 <link rel="help" href="http://www.w3.org/TR/css3-page/#pg-br-before-after"/> 8 <meta name="flags" content="paged" /> 9 <meta name="assert" content=" - The 'left' value of the 'page-break-before' property forces one or two page breaks before the box so that the page after the break is formatted as a left page."/> 10 <style type="text/css"> 11 @page {margin: 7%;} 12 @page :left { 13 margin-right: 50%; 14 } 15 @page :right { 16 margin-left: 50%; 17 @top-center { 18 content: "[This page intentionally left blank]" 19 } 20 } 21 @page :first { 22 @top-center { 23 content: "" 24 } 25 border: 1em solid blue; 26 margin: 7%; 27 } 28 p.spacer {page-break-after: always;} 29 p.goLeft { 30 page-break-before: left; 31 } 32 </style> 33 </head> 34 <body> 35 <p class="spacer">When printed, this test produces 4 or 5 pages of output. The next page may or may not be blank. This content must appear inside a blue box.</p> 36 <p class="spacer goLeft">When printed, this content should be on the left side of the page. The next page should be blank.</p> 37 <p class="goLeft">When printed, this content should appear on the fourth or fifth page. All content should be on the left side of the page.</p> 38 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam diam erat, convallis fermentum, volutpat a, dignissim a, est. Proin vel lacus.</p> 39 </body> 40 </html>