blob: a0608146e60f1fd5a659554b82cfeddfb8d8ced7 [file] [log] [blame]
<!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 borders (bottom)</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="paged" />
<meta name="assert" content="Border properties defined in CSS2.1 apply to margin boxes."/>
<style type="text/css">
@page {
margin: .7in;
@bottom-left-corner {
margin-bottom: 0.5in;
margin-left: 0.5in;
border-bottom: 6pt solid green;
content: "";
}
@bottom-left {
margin-bottom: 0.5in;
border-bottom: 6pt solid green;
content: "";
}
@bottom-center {
margin-bottom: 0.5in;
border-bottom: 6pt solid green;
content: "";
}
@bottom-right {
margin-bottom: 0.5in;
border-bottom: 6pt solid green;
content: "";
}
@bottom-right-corner {
margin-bottom: 0.5in;
margin-right: 0.5in;
border-bottom: 6pt solid green;
content: "";
}
}
</style>
</head>
<body>
<p>When printed, there must be a green bar running across the page, about one half inch above the bottom.</p>
</body>
</html>