servo/tests/wpt/css-tests/css-page-3_dev/xhtml1print/page-selectors-004.xht

39 lines
No EOL
1.3 KiB
HTML

<!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 cascade (first trumps right)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
counter-increment: page;
@top-left { content: "CSS Paged Media Module Level 3 CR Test Suite"; }
@top-right { content: "Test page-selectors-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Melinda Grant" href="mailto:melinda.grant@hp.com"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/page.html#page-selectors"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#cascading-and-page-context"/>
<meta name="flags" content="paged"/>
<meta name="assert" content="Properties specified in a :first @page context override those specified in :right @page contexts."/>
<style type="text/css">
@page :first {
margin: 15% 50% 7% 7%;
}
@page :right {
margin-left: 50%
}
div {
page-break-after: always;
}
</style>
</head>
<body>
<div>
This test produces only this page, containing only this paragraph, which is entirely on the left side of the page.
</div>
</body>
</html>