page-break-before-011.xht (1375B)
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 initial value</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 initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes."/> 10 <style type="text/css"> 11 @page { 12 margin: 7%; 13 } 14 html, body { 15 height:100%; 16 line-height:1; 17 } 18 * { 19 margin:0; 20 padding:0; 21 page-break-before: inherit; 22 } 23 div#one {height: 20%;} 24 div#two { 25 height: 80%; 26 margin-bottom: -4em; 27 } 28 p { 29 width: 1em; 30 color: gray; 31 } 32 </style> 33 </head> 34 <body> 35 <div id="one">This test produces two pages on paged media.</div> 36 <div id="two">This text appears on the first page. 37 <!-- Thus proving that a page break is not forced between boxes --> 38 The dummy text below this will flow onto a second page.</div> 39 <!-- Thus proving that a page break is not forbidden before boxes --> 40 <p>aaa<br /> 41 bbb<br /> 42 ccc<br /> 43 ddd<br /> 44 eee<br /> 45 fff<br /> 46 ggg<br /> 47 </p> 48 </body> 49 </html>