page-break-before-011

page-break-before initial value

WeasyPrint

This browser

Flags
paged
Assertion
The initial value of the 'page-break-before' property is 'auto', which neither forces nor forbids a page break before boxes.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 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>