widows-004a.xht (1899B)
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: widows property syntax - positive integer</title> 5 <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/> 6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 7 <!-- 8 Credits should go to 9 kawakubo_toru 10 for fixing this test. 11 --> 12 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2017-03-03 --> 13 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#break-inside"/> 14 <link rel="help" href="http://www.w3.org/TR/css3-page/#breaks-inside"/> 15 <meta name="flags" content="paged" /> 16 <meta name="assert" content="The syntax of the 'widows' property is positive integer."/> 17 <style type="text/css"> 18 html, body { 19 height: 100%; 20 line-height: 1; 21 font-size: 20px; 22 } 23 * { 24 margin:0; 25 padding:0; 26 } 27 div.spacer { 28 height:50%; 29 } 30 div.backup { 31 margin-top:-5em; 32 } 33 34 .test { 35 color: blue; 36 width: 1em; 37 widows: 5; /* valid */ 38 widows: 2.0; /* invalid: real and not integer */ 39 widows: 2em; /* invalid: length and not integer */ 40 widows: -2; /* invalid: negative integer */ 41 widows: 0; /* invalid: zero is not a positive integer */ 42 } 43 44 </style> 45 </head> 46 <body> 47 <div class="spacer">This test requires 2 pages. The blue text must 48 denote accurate page numbers. Lines A-B must appear on this page; 49 lines C-G must appear on the next page.</div> 50 51 <div class="spacer backup"></div> 52 <div class="test"> 53 Page 1 Line A 54 Page 1 Line B 55 Page 2 Line C 56 Page 2 Line D 57 Page 2 Line E 58 Page 2 Line F 59 Page 2 Line G 60 </div> 61 </body> 62 </html>