| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: allowed page breaks between table rows</title> |
| <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-break-props"/> |
| <link rel="help" href="http://www.w3.org/TR/css3-page/#allowed-pg-brk"/> |
| <meta name="assert" content="Unforced breaking in the vertical margin between |
| sibling table rows is allowed only if the 'page-break-after' and |
| 'page-break-before' properties of all the elements generating boxes |
| that meet at this margin are 'auto' and the common ancestors of all |
| the elements do not have a 'page-break-inside' value of 'avoid'."/> |
| <meta name="flags" content="may paged" /> |
| <style type="text/css"> |
| html, body { height: 100%; line-height: 1; font-size: 20px; margin: 0; padding: 0; } |
| .spacer { height: 50%; } |
| .backup { margin-top: -1em; } |
| .start { page-break-before: always; } |
| |
| .avoidBefore { page-break-before: avoid; } |
| .avoidAfter { page-break-after: avoid; } |
| .avoidInside { page-break-inside: avoid; } |
| .allowInside { page-break-inside: auto; } |
| |
| table, tbody, tr, td { |
| border-collapse: collapse; |
| margin: 0; padding: 0; |
| border-spacing: 0; |
| color: blue; |
| } |
| table, tbody { page-break-inside: avoid; /* override any UA settings */ } |
| </style> |
| </head> |
| <body> |
| <div class="spacer"> |
| Lines A-N must appear on the 10 pages of this test. The blue text |
| must accurately describe the page numbers. |
| </div><div class="spacer backup"></div> |
| <table><tbody class="avoidInside"> |
| <tr><td>Page 2 Line A</td></tr> |
| <tr><td>Page 2 Line B</td></tr> |
| </tbody></table> |
| |
| <div class="spacer start"> |
| <tr><td>Page 3 Line C</td></tr> |
| </div><div class="spacer backup"></div> |
| <div class="avoidInside"><div><div><div><div><table><tbody class="allowInside"> |
| <tr><td>Page 4 Line D</td></tr> |
| <tr><td>Page 4 Line E</td></tr> |
| </tbody></table></div></div></div></div></div> |
| |
| <div class="spacer start"> |
| <tr><td>Page 5 Line F</td></tr> |
| </div><div class="spacer backup"></div> |
| <table><tbody class="allowInside"> |
| <tr><td>Page 5 Line G</td></tr> |
| <tr><td>Page 6 Line H</td></tr> |
| </tbody></table> |
| |
| <div class="spacer start"> |
| <tr><td>Page 7 Line I</td></tr> |
| </div><div class="spacer backup"></div> |
| <table><tbody> |
| <tr class="avoidAfter"><td>Page 8 Line J</td></tr> |
| <tr><td>Page 8 Line K</td></tr> |
| </tbody></table> |
| |
| <div class="spacer start"> |
| <tr><td>Page 9 Line L</td></tr> |
| </div><div class="spacer backup"></div> |
| <table><tbody> |
| <tr><td>Page 10 Line M</td></tr> |
| <tr class="avoidBefore"><td>Page 10 Line N</td></tr> |
| </tbody></table> |
| </body> |
| </html> |
