| <!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: Adjustments to fit content to page must obey guidelines (letter-sized)</title> | |
| <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/> | |
| <link rel="help" href="http://www.w3.org/TR/css3-page/#renderingpages"/> | |
| <meta name="flags" content="paged should" /> | |
| <meta name="assert" content="The UA behaves reasonably when content is positioned outside the page box."/> | |
| <style type="text/css"><![CDATA[ | |
| @page { | |
| size:8.5in 11in; | |
| margin: 7%; | |
| padding: 2%; | |
| border: 4pt solid green; | |
| } | |
| p.offset { | |
| margin-left: 9in; | |
| border: 1pt solid aqua; | |
| } | |
| ]]></style> | |
| </head> | |
| <body> | |
| <p>When printed, only letter-sized (8.5"x11in) paper should be available. This page must have a green border around all 4 sides. There may or may not be two boxes with blue borders appearing after this text. The user agent may consult the user before performing printing.</p> | |
| <p class="offset">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent scelerisque. Vestibulum id erat. Integer leo eros, dictum vel, semper eget, tristique sed, sem. Nam nec ligula nec lorem vehicula vulputate. Vivamus gravida. Vestibulum eget justo. Nunc placerat lobortis felis.</p> | |
| <p class="offset">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent scelerisque. Vestibulum id erat. Integer leo eros, dictum vel, semper eget, tristique sed, sem. Nam nec ligula nec lorem vehicula vulputate. Vivamus gravida. Vestibulum eget justo. Nunc placerat lobortis felis.</p> | |
| </body> | |
| </html> |