Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<head>
<title>CSS Test: @page size smaller than paper</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="author" title="Hewlett-Packard Company" href="http://www.hp.com/"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size"/>
<meta name="flags" content="paged" />
<meta name="assert" content="The computed value of the 'size' property is its specified value."/>
<meta name="assert" content="If the page box is smaller than the page size the user agent SHOULD either center the page box on the sheet or position the page box in the upper left corner of the page sheet." />
<style type="text/css">
@page {
margin: 0.5in;
border: 2pt solid black;
size: 3in 3in;
}
</style>
</head>
<body>
<p>When printed on paper 3 inches x 3 inches or larger, this content should appear in a box whose exterior dimensions are 2 inches x 2 inches. The box should either be centered on the page or positioned in the upper left corner.</p>
</body>
</html>