| <!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: page properties: em and ex in @page context</title> | |
| <link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/> | |
| <link rel="help" href="http://www.w3.org/TR/css3-page/#page-properties"/> | |
| <meta name="flags" content="ahem paged" /> | |
| <meta name="assert" content="When applied to the page box, values in units of 'em' and 'ex' refer to the page context's font."/> | |
| <style type="text/css"> | |
| @page pageOne { | |
| font-size: 36pt; | |
| margin: 2em; | |
| background: lime; | |
| } | |
| @page pageTwo { | |
| font: 36pt Ahem; | |
| margin: 4ex; | |
| background: lime; | |
| } | |
| html, body { | |
| height: 100%; | |
| background: white; | |
| font: 18pt sans-serif; | |
| } | |
| p {page-break-after: always;} | |
| p#first {page: pageOne;} | |
| p#second {page: pageTwo;} | |
| </style> | |
| </head> | |
| <body> | |
| <p id="first">When printed, this page should have a 1 inch green border.</p> | |
| <p id="second">When printed, this page should have a 1 inch green border.</p> | |
| </body> | |
| </html> |